node.js - Want to make the li elements of ul list visible but not clickable using angularjs -

i have small issue regarding how make 'li' elements of 'ul' list visible not-clickable. tried using ng-disabled directive disable i.e., not-clickable doesn't seem work. please me out in issue highly appreciable.

code example (plunker link)

if want prevent click events registering on li's, implement css rule:

li { pointer-events: none; } 

if need dynamically set angular, consider using core ngclass directive:

css:

.no-click { pointer-events: none; } 

html:

<li ng-class="{'no-click': clickable}">no touching!</li> 

sources:

• ngclass: https://docs.angularjs.org/api/ng/directive/ngclass
• more info on pointer-events here: https://developer.mozilla.org/en-us/docs/web/css/pointer-events
• reasonably supported in ie: http://caniuse.com/#feat=pointer-events