Tjo*_*pke 6 angularjs angularjs-ng-click twitter-bootstrap-3
如何在文本框中的bootstrap glyphicon中添加ng-click事件？该事件不会被解雇......
<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>
发生这种情况是因为glyphicons提供了"pointer-events:none;" 默认情况下,您可以通过简单的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>
| 归档时间： |
|
| 查看次数： |
3063 次 |
| 最近记录： |