ng-model在控制器中未定义

Question

我正在使用离子型，并且具有以下视图：

<ion-view hide-nav-bar="true" ng-controller="loginController" class="login-view">
  <ion-content class="padding">

    <div class="row row-center">
      <div class="col">

        <div id="logo"></div>

        <form>
          <div class="list">
            <label class="item item-input">
              <input type="text" placeholder="Membership No" ng-model="membershipNo">
            </label>
            <label class="item item-input">
              <input type="password" placeholder="Password" ng-model="password">
            </label>
          </div>

          <button class="button button-block button-positive button-login" ng-click="login()">
            Login
          </button>
        </form>

      </div>
    </div>

  </ion-content>
</ion-view>

而我的控制器：

app.controller('loginController', ['$scope', '$localstorage',
    function($scope, $localstorage) {

        $scope.membershipNo;
        $scope.password;

        $scope.login = function () {
            console.log("User logged in with membership no: " + $scope.membershipNo +
    "\n and password: " + $scope.password);
        }

    }
]);

我不明白的是，当我单击按钮时，登录功能被正确调用。另外，如果我在控制器中设置$scope.membershipNo为“香蕉煎饼”之类的内容，则视图实际上会更新。

但是，当登录功能实际运行时，会提示未定义MembershipNo和密码。我是Angular和Ionic的新手，所以我知道这可能是一些n00b错误…

Answer 1

修改后的报价：

“如果使用ng-model，则必须在其中有一个点。”
将您的模型指向object.property，您会很顺利。

控制者

>     $scope.formData = {};
>     $scope.login = function () {
>       console.log("User logged in with membership no: " +
> $scope.formData.membershipNo +
>       "\n and password: " + $scope.formData.password);
>      }

模板

>     <input type="text" placeholder="Membership No" ng-
> model="formData.membershipNo">
>     <input type="password" placeholder="Password" ng-
> model="formData.password">