有條件的AngularJS模型綁定

Question

有沒有一種方法可以使用條件的AngularJS數據綁定？

我想綁定我的模型vm.ABC如果bool有真值，如果它有錯誤，我想綁定我的模型到vm.XYZ。

Answer 1

<div ng-init="vm.thirdVar = bool ? vm.ABC : vm.XYZ"> 
    <input type="text" ng-model="vm.thirdVar"> 
</div> 

vm.thirdVar在控制器

Answer 2

您可以使用ng-if。這裏是一個簡單的例子，

//if bool is true then bind vm.ABC 
<input type='text' ng-if='bool' ng-model='vm.ABC' /> 

//if bool is false then bind vm.XYZ 
<input type='text' ng-if='!bool' ng-model='vm.XYZ' /> 

這將很適合您的情況。並且，如果條件爲false，則也可以使用ng-if在UI上呈現HTML。