我可以在html中啓動一個Angular ngModel，然後在控制器中使用它的值嗎？

Question

HTML：

<div ng-controller="MyController"> 
<form> 
<!-- one way to do it --> 
<input ng-model="var1" value="1"></input> 
<!-- another way, not approved per angular documentation outside of ngRepeat --> 
<input ng-model="var2" ng-init="var2=2"></input> 
</form> 
</div> 

JS：

angular.module('myApp', []); 
angular.module('myApp') 
    .controller('MyController', ['$scope', function ($scope) { 
    console.log("value of var1 is " + $scope.var1); 
    console.log("value of var2 is " + $scope.var2); 
    $scope.var1 = 3; 
    $scope.var2 = 4; 
}]); 

View this in jsbin

結果：

value of var1 is undefined 
value of var2 is undefined 
[setting values to 3 and 4 displays fine in inputs] 

因此，它似乎是控制器代碼輸入NG-模型之前運行正在評估參數。考慮到控制器早於輸入標籤發佈，這是有道理的。

問題：

是否有任何方式讓控制器邏輯讀取和尊重VAR1和VAR2的初始值？

Answer 1

您不能混用Angular的ng-model和常規HTML value屬性。

如果要初始化模型，請在控制器中進行初始化（或使用ng-init，但不推薦使用）。並從您的HTML中刪除value。

$scope.var1 = 3; 
$scope.var2 = 4; 

而且，在使控制器首先被讀取，所以如果你想顯示你需要從$watch爲它ng-init值ng-init評價：它不會在那裏執行你的控制器的第一次。