Angularjs模型沒有從視圖輸入域更新？

Question

我; m試圖從輸入字段獲取用戶名並傳遞給函數以創建用戶帳戶，但字段中的用戶名輸入似乎在模型中更新。

我用window.alert來顯示用戶名只是爲了測試目的。

的login.html

ion-view view-title="Login"> 
    <ion-content> 

     <div class="list list-inset" padding> 

      <div class="item-divider" align="center"> Login</div> 

      <label class="item item-input"> 
       <span class="input-label">UserName</span> 
       <input ng-model="username" type="text" placeholder="Email"> 
      </label> 

      <label class="item item-input"> 
       <span class="input-label">Password</span> 
       <input ng-model="password" type="password" placeholder="Your Password"> 
      </label> 

     </div> 
     <center><button class="button button-positive " ng-click="log()">Login</button> </center> 

app.js（不是整個代碼）

blog.config(function($stateProvider,$urlRouterProvider){ 
    $stateProvider 
     .state('mainlist',{ 
     url:'/mainlist', 
     templateUrl:'templates/MainList.html', 
     controller:'listCtrl' 
    }) 
     .state('login',{ 
     url:'/login', 
     templateUrl:'templates/login.html', 
     controller:'loginCtrl' 
     }); 
blog.controller('loginCtrl',function($scope) 
       { 
         $scope.log=function() 
         { 
          var username= $scope.username; 
          window.alert(username); 
         } 

        } 
       ); 

Answer 1

您需要先定義模型。更改您的代碼這一點，它應該工作（未測試）：

blog.config(function($stateProvider,$urlRouterProvider){ 
    $stateProvider 
     .state('mainlist',{ 
     url:'/mainlist', 
     templateUrl:'templates/MainList.html', 
     controller:'listCtrl' 
    }) 
     .state('login',{ 
     url:'/login', 
     templateUrl:'templates/login.html', 
     controller:'loginCtrl' 
     }); 


blog.controller('loginCtrl',function($scope) 
       { 

         $scope.username = ""; 
         $scope.log=function() 
         { 
          var username= $scope.username; 
          window.alert(username); 
         } 

        } 
       ); 

Answer 2

<label class="item item-input"> 
       <span class="input-label">UserName</span> 
       <input ng-model="data.username" type="text" placeholder="Email"> 
</label> 

app.js

blog.controller('loginCtrl',function($scope) 
      { 
        $scope.data={}; 
        $scope.log=function() 
        { 
         var username= $scope.data.username; 
         window.alert(username); 
        } 

       } 
      );