How to use ng-style with !important?

css angularjs ng-style
Nishant picture Nishant · Sep 16, 2015 · Viewed 12.2k times · Source

Tag Button already has cursor css assigned. I want to override cursor css according to is_active values to disable button. is_active may have values 0 or 1. Following is code for js/html please let me know correct method to apply cursor css to button.

Answer

surajit das picture surajit das · May 26, 2016

ng-style does not support !important.

So alternate is to use ng-class instead of ng-style, it will solve the problem.

If you want to use ng-style specifically then try to write within html itself- please don't try to write within any function.

Related questions

How to set div width using ng-style

I am trying to set the div width dynamically using ng-style but it is not applying the style. Here is the code: <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> &…

Read More
Multiple attributes in ng-style

I need to have multiple raw style attributes like : $scope.css = "'width': 'calc(100% - "+$scope.fixedColumnsWidth+"'),'margin-left':'"+ $scope.fixedColumnsWidth+"'"; <div ng-style="{css}"> This is not working. It works when I use <div style="{{css}}"&…

Read More
How to get multi css rule for ng-style by function?

I need for apply multi css rule to html tag in angular form template. <div class="form-control" id="data.objectStyle" ng-model="data.type" ng-style="getStyle(data.objectStyle)"> {{data.objectStyle.title}} </div> getStyle function in controller : $scope.…

Read More