Glifon üzerinde olay tıklat

Metin kutusuna önyükleme glificon'a ng-click olayı nasıl eklenir? Olay ... ateş almazGlifon üzerinde olay tıklat

<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>

Plnkr link

kaynak

2015-03-14 Tjoepke

Bu oluyor çünkü donatılmış glyphicons "işaretçi-olaylar: none;" Varsayılan olarak bunu geçersiz kılabilir ve

.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

kaynak

2015-03-14 10:17:21 squiroid

iyi benekli :-) basit CSS ile bu işlevi kaldırmak! İşaretçi olaylarının ardındaki fikir nedir: yok? – Manube

Bu mantıklı, teşekkürler! – Tjoepke

@Manube .form kontrol sınıfı nedeniyle glifikona uygulanır ve fikir, giriş ve glifikonun tek bir varlık olarak gösterilmesidir. – squiroid

cevap

İlgili konular