2015-10-05 79 views
2
<ion-view cache-view="false"> 
    <ion-content class="has-header has-smallsubheader" > 
    <form name="$root.deliveryDetails" action="#"> 
    <div> 
    <div class="paddingOnSides"> 
    <p><input type="number" name="usermobileNumber" ng-model="userEnteredMobileNumber" />             </p> 
<div> 
<span class="button" ng-click="checkRegisteredUsers()">Verify</span> 
</div> 
    </div> 
    </ion-view> 
</ion-content> 

控制器:輸入場模型值在控制器未定義

$scope.checkRegisteredUsers = function(){ 
    console.log($scope.userEnteredMobileNumber) //gives undefined 
} 

我已經使用一個對象,而不是原始試圖字段ng-modelformData.userEnteredMobileNumber代替,但我仍然得到未定義。

我該如何解決這個問題?

+0

你可以通過在函數的對象? $ scope.checkRegistedUsers =功能(對象){/ /代碼來記錄用戶號碼} – klskl

+0

我可以,但傳遞變量附加到ng模型聽起來不是一個好主意。會是多餘的,不是嗎? –

+0

咋我想,唯一能想到的是它不是在控制器中啓動的(至少會刪除未定義的錯誤) – klskl

回答

0

用相同的代碼創建了一個示例plunkr,並且工作正常。

<body ng-controller="MainCtrl"> 
    <form name="$root.deliveryDetails" action="#"> 
     <div> 
     <div class="paddingOnSides"> 
      <p><input type="number" name="usermobileNumber" ng-model="userEnteredMobileNumber" /></p> 
      <div> 
       <span class="button" ng-click="checkRegisteredUsers()">Verify</span> 
      </div> 
     </div> 
     <p>Mobile {{userEnteredMobileNumber}}!</p> 
     </div> 
    </form> 
</body> 

http://plnkr.co/edit/LNxCpKy7yn3HttI2Tc3B?p=preview