Is there a way I can use conditional AngularJS data binding?
I want to bind my model to vm.ABC if bool has true value, if it has false, I want to bind my model to vm.XYZ.
-
and when does this condition happen, like at the time bootstraping or laterRakesh Chand– Rakesh Chand2017-09-06 11:08:02 +00:00Commented Sep 6, 2017 at 11:08
-
Check the answer, this is what you needAnkit Agarwal– Ankit Agarwal2017-09-06 11:08:18 +00:00Commented Sep 6, 2017 at 11:08
-
@Rakeschand at the time of bootstrapping.A Hassan– A Hassan2017-09-06 11:09:01 +00:00Commented Sep 6, 2017 at 11:09
Add a comment
|
2 Answers
You can use ng-if for this. Here is the simple example,
//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' />
This will work great for your condition. And also by using ng-if the HTML is not render on the UI if the condition is false.
2 Comments
Rakesh Chand
This is not what OP asked, he is asking for ng-model binding, read the question again
Ankit Agarwal
That was just an example. However i have changed it.
<div ng-init="vm.thirdVar = bool ? vm.ABC : vm.XYZ">
<input type="text" ng-model="vm.thirdVar">
</div>
vm.thirdVar define this in controller
4 Comments
A Hassan
let me give it a try
Rakesh Chand
are you using AngularJS or Angular2
A Hassan
I'm using AngularJs 1.6
A Hassan
Thanks for the help @Rakeschand
