<\/script>')
All geek questions in one place

Glypicon Click Event

How to add ng-click event to bootstrap glyphicon in textbox? The event does not fire ...

<body ng-app ng-init="mymodel='THIS IS MY MODEL'"> <h3>How to clear the model on remove icon click?</h3> <div class="container"> <div class="form-group has-feedback" > <input type="text" class="form-control" ng-model="mymodel"/> <i class="glyphicon glyphicon-remove form-control-feedback" ng-show="mymodel" ng-click="mymodel = null"></i> </div> <p>This is my model: {{mymodel}}</p> <strong ng-click="mymodel = null">This works tho...</strong> </div> </body>

Link Plnkr

+6
source share
1 answer

This is because glyphics are provided with "event pointers: none"; by default you can override it and remove this functionality with simple CSS :-)

  .my .glyphicon { pointer-events: all; } <div class="form-group has-feedback my" > <input type="text" class="form-control" ng-model="mymodel"/> <i class="glyphicon glyphicon-remove form-control-feedback" ng-show="mymodel" ng-click="mymodel = null"></i> </div>

Plunker

+5
source

Source: https://habr.com/ru/post/983785/

More articles:


All Articles