无法获得ng-model绑定值

时间:2016-03-29 08:39:37

标签: javascript angularjs ionic-framework

我使用ionic来构建一个webapp,我想使用ng-model绑定输入表单值。

奇怪的是,我没有 model.cellphone&#39> 值,但我得到 model.password& #39; s 值。

目前我无法弄清楚这一点。有人能帮助我吗?

HTML:

    <ion-view>
      <ion-content class="login-content">
         <div class="login-form">
            <input type="text" class="login-form-cellphone" ng-model="model.cellphone" placeholder="please input your phonenumber" required minlength="11" maxlength="11"/>
            <input type="password" class="login-form-password" ng-model="model.password" placeholder="please input your password" required/>
            <button class="login-form-btn" ng-click="login()">Login</button>
            </div>
       </ion-content>
   </ion-view>

JS:

   .controller('LoginCtrl', ['$scope', '$state', '$stateParams', 'RouteService', 'ApiService', function ($scope, $state, $stateParams, RouteService, ApiService) {
     var route = 'app.home.login';
     var params = $stateParams;
     $scope.model = {};

     $scope.doRefresh = function () {
     $scope.isChecked = true;
     };

     $scope.goBack = function () {
     $state.go(params.previewRoute);
     };

     $scope.clickCheck = function () {
     $scope.isChecked = !$scope.isChecked;
     };

     $scope.login = function () {
       console.log($scope.model.cellphone, $scope.model.password, $scope.isChecked);
       if (!$scope.model.cellphone) {
          console.log('cellphone');
          return;
       }
       if (!$scope.model.password) {
          console.log('password');
          return;
       }
       if (!$scope.isChecked) {
          console.log('isChecked');
          return;
       }
       ApiService.login(
         $scope.model.cellphone,
         $scope.model.password,
         null,
         function (status) {
           if (status === 1)
             $state.go(params.previewRoute);
       })
     };

0 个答案:

没有答案