AngularJS : Field gets disabled with ng-disabled but can't hide with ng-hide

Asked Nov 02 '18 at 09:47

Active Nov 02 '18 at 09:47

Viewed 56 times

I am new to AngularJS and I've this doubt :

<select-one options="studentOptions" ng-disabled="student.type == 1"></select-one>

^ With the above code snippet, I'm able to disbale (or grey out) a bunch of radio buttons. but I want to hide those radio buttons so I changed it to this :

<select-one options="studentOptions" ng-hide="student.type == 1"></select-one>

However, it has no effect now! Can you help me understand where I'm going wrong? I expected those radio buttons to be hidden when I changed "ng-disabled" to "ng-hide", but I didn't get the expected results.

asked Nov 02 '18 at 09:47

pep8

Please go through this: https://stackoverflow.com/a/12602481/3366119 – ngWolf Nov 02 '18 at 10:10
can you specify more about the directive you used like some link or code ? – Joel Joseph Nov 02 '18 at 10:10
If you are using your custom directive you can use **ng-if** should work instead of **ng-hide**. – Immanuel Kirubaharan Nov 02 '18 at 10:26
@ImmanuelKirubaharanS using `ng-if` here will hide the whole select element as you can see he is using custom directive, so i think he may have to use a filter on studentOptions and opt out the value he need to hide – Joel Joseph Nov 02 '18 at 10:31
I want to hide ALL values – pep8 Nov 02 '18 at 10:48
@JoelJoseph It seems he needs to hide the directive itself when ng-hide condition satisfy its criteria. So I think he still can use ng-if to achieve the same.. – Immanuel Kirubaharan Nov 02 '18 at 11:04

AngularJS : Field gets disabled with ng-disabled but can't hide with ng-hide

0 Answers0