条件AngularJS模型绑定

Question

有没有办法可以使用条件AngularJS数据绑定？

如果bool具有true值，我想将我的模型绑定到vm.ABC，如果它有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 HTML不会在UI上呈现。