md-icon / md-list : secondary action cannot be hidden or disabled

[pl-j]

jsFiddle : https://jsfiddle.net/xwn6dgyv/2/
NB : I'm not sure the link declared in the CSS for the icon font is permanent ; in case the icons do not appear, open [https://fonts.googleapis.com/icon?family=Material+Icons] and paste the content in the CSS zone. I did not manage to import the fonts using the jsFiddle external resources manager.

I might have missed something, but I cannot seem to properly disable the secondary action inside a list. The jsFiddle is based on the demo for the list component, so it should look familiar.

I need to display (and enable) the secondary action iff some external criteria is true. But the best I can do is to hide the icon - the blank which replaces it remains clickable.

ng-if and ng-show give the same result. Wrapping the icon inside a button and moving ng-if or ng-show to button level does even less.

[focomoso]

I have encountered this same bug. An ng-if="false" on an icon with md-secondary is still clickable even though it is invisible. The console also warns that the aria-label is missing for a button with class "md-secondary-container ..." which must be something that md-angular creates around the md-icon, but doesn't remove from the dom when the icon's ng-if is false.

[focomoso]

Note that the bug persists even when you wrap the md-secondary icon with a div with ng-if="false". I don't see any workaround.

[norkunas]

Also ran into this issue now.

[dohomi]

+1

[mpukk]

+1

[gligoran]

+1