Question

我使用angularjs框架，我创建了一个form.html和一个带有变量的controller.js，用于检索框的SSID。如何在表单中自动分配变量的值。这是一个输入字段。启动应用程序时，表单应自动显示SSID，而无需用户这样做。

谢谢你，帮助我。

'use strict';

angular.module('djoro.controllers')
  .controller('WifiSmartConfigCtrl', function ($scope, $window, $ionicPlatform) {
    $scope.getSSID = function () {
      var onSuccess = function (SSID) {
        document.write(SSID);
      };
      
      var onFail = function () {
        
      };

      $ionicPlatform.ready(function () {
        $window.cordova.plugins.Smartconfig.getSSID(onSuccess, onFail);
      });
    };
  });

<ion-pane>
  <ion-content ng-controller="WifiSmartConfigCtrl">
    <form novalidate class="simple-form">
      <fieldset>
        <legend>WI-FI</legend>
        <div class="list input-fields">
          <label class="item item-input">
            <span class="input-label">SSID :</span>
            <input type="text" name="test" value="getSSID()" required show-hide-input>
          </label>
          <label class="item item-input" show-hide-container>
            <span class="input-label">Password :</span>
            <input type="text" name="password" required show-hide-input>
          </label>
        </div>
      </fieldset>
    </form>
  </ion-content>
</ion-pane>

Answer 1

您需要将ng-model添加到输入字段，如下所示：

<label class="item item-input">
   <span class="input-label">SSID :</span>
   <input type="text" name="test" ng-model="SSID" required show-hide-input>
</label>

然后在你的控制器中分配$ scope的SSID值：

$scope.SSID = [some_value]

请参阅此plnkr

正如您所看到的，我手动分配了SSID的值，您可以通过在函数的回调中分配它来动态添加它，如下所示：

$scope.SSID = {}
var onSuccess = function (SSID) {
  document.write(SSID);
  $scope.SSID = SSID
};

Answer 2

使用ng-model指令，这正是它的目的：

'use strict';

angular.module('djoro.controllers')

.controller('WifiSmartConfigCtrl', function($scope, $window, $ionicPlatform) {
  $scope.SSID = {};
  $scope.getSSID = function() {
      var onSuccess = function(SSID) {
          $scope.SSID = SSID;
      };
      var onFail = function() {};

      $ionicPlatform.ready(function() {
          $window.cordova.plugins.Smartconfig.getSSID(onSuccess, onFail);
      });
  };
});

并在您看来：

<input type="text" name="test" ng-model="SSID" required show-hide-input>

控制器和输入表单html使用var Javascript

2 个答案: