angularjs ng-disabled with MVC Model and angular scoped model

Question

I want to use a combination of my angular model and MVC model to disable an anchor tag (Model.Technician is a bool):

<a href="#" title="" class="btn btn-default" ng-disabled="selectedTasksCount <= 0 || '@Model.Technician' == 'true'" >Click here</a>

I ended up having to do this:

<a href="#" title="" class="btn btn-default" ng-disabled="selectedTasksCount <= 0 || '@Model.Technician' == 'ng-disabled'" >Click here</a>

... because Model.Technicain always seems to render as 'ng-disabled'. What am I doing wrong or is there a better way?

if Model.Technician is a bool, then @Model.Technician' == 'ng-disabled' will always be false. — Yuriy Faktorovich
– Yuriy Faktorovich, Commented Feb 13, 2018 at 20:53

stadnik0ff · Accepted Answer · 2018-02-13 20:54:19Z

0

Instead of writing a tonn of conditions into ng-disables it would be better to write a function into controller which return boolean result.

answered Feb 13, 2018 at 20:54

stadnik0ff

1,7402 gold badges10 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1