條件AngularJS模型綁定

Question

有沒有辦法可以使用條件AngularJS數據綁定？

我想將我的模型綁定到vm.ABC如果bool具有true值，如果它有false，我想將我的模型綁定到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' />

這對你的病情很有用。 並且還使用ng-if如果條件為false ng-if HTML不在UI上呈現。