Make WebStorm 10 inspector to recognize Angular Material Design tags/attributes?
How do I teach WebStorm 10 inspector to recognize Angular Material Design tags/attributes?
angular-material.css includes declarations like:
[layout] {...}
[layout=column] {...}
[layout=row] {...}
How can I teach WS to automatically recognize these attributes as valid? Webstorm doesn't seem to recognize these in the same way it recognize more common css attributes, and thusly does not auto complete.
(Note: This issue applies to Angular Material css files, and not the AngularJS itself )
Please sign in to leave a comment.
Selectors like
layout=column] {...}are correctly recognized by WebStorm. Please can you provide exact code snippets you have trouble with?
Here's a link to the github repo with a stock bower install of angular-material
https://github.com/rightisleft/ng-angular-demo
I see:) You can add such attributes to custom HTML attributes:
they will be recognized and suggested in completion
Actually it is not best solution, there should be somewhere the ideal one.
Somehow I have taught the WS10 to understand those attributes in my PC, but now I am working on Mac and I have this annoying issue...
I tried to make it happen using the library downloading and choosing those typescript material libraries. But it does not work for me. There have to be some solution... because as I am telling you on my PC it even autocomplete me when I am typing `layout-`.