Kliknij wydarzenie na glypicon

Jak dodać zdarzenie ng-click do glifotypu ładowania początkowego w polu tekstowym? Zdarzenie nie zostanie zwolniony ...Kliknij wydarzenie na glypicon

<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

Źródło

2015-03-14 Tjoepke

Dzieje się tak dlatego, glyphicons zaopatrzone "pointer-events: none;" jako domyślne można zastąpić go i usunąć tę funkcjonalność zwykłą 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

Źródło

2015-03-14 10:17:21 squiroid

dobrze spotted! Jaka jest idea stojąca za wskaźnikowymi zdarzeniami: brak? – Manube

To ma sens, dzięki! – Tjoepke

@Manube dotyczy to glifphicon z powodu klasy .form-control, a pomysł polega na pokazaniu danych wejściowych i glifów jako pojedynczej encji. – squiroid

Odpowiedz

Powiązane problemy