Clever Geek Handbook

The "disabled" attribute is deprecated, use "disable"

I am getting a warning as I updated angularjs the other day. This happens anytime I open the ui.bootstrap modal.

Here is the warning I get in chrome-beta 44:

angular.js:11655 Use of "disabled" attribute has been deprecated, please use "disable"

Is this something that is happening with the latest version of angular? Should I take more time to figure out what's going on? I've spent a few hours this week looking at various reasons and I'm just wondering if other users are experiencing this and what (if anything) are they doing about it?

JS Includes

  • jQuery v2.1.3
  • angularJS v1.3.15
  • angular-ui-bootstrap v0.13.0
  • bootstrap v3.3.1 is also loaded if it matters due to external loading.
  • angular-file-upload v1.1.5 github

What have I tried?

  • I tried to see where angular is throwing this warning. It is rather confusing and doesn't give me any useful information as it doesn't provide a stack trace.

  • I check my html view and checked at angularjs.org about ng-disabled. I didn't see any changes, or maybe I missed something / looked in the wrong place.

+3


source to share


1 answer


While writing this question and repeating what I did, I discovered my problem.

The warning was generated by the following directive in my modal view

<tab heading="Upload" disabled="report.RELEASE !== environment">

Changing this to the following fixed issues



<tab heading="Upload" disable="report.RELEASE !== environment">

disable (Default: false): Whether the tab is available and can be activated. Note that this was a previously disabled attribute and is now deprecated.

This change is documented here .

+4


source






More articles:


All Articles