2015-04-08 15 views
13

Ho una casella di testo.Possiamo avere sia href che ng-clic in Angular.js

<input type="text" ng-model="SearchText" > 

e collegamento

<a href="#signout" ng-click="SearchText=''">Sign out</a> 

voglio exectue sia nel collegamento ipertestuale sopra. ng-click per svuotare la casella di testo e #signout sarà ng-route in siglaut html e controller.

ma posso vedere le sostituzioni href ng-click in Angular.js

Come eseguire sia ??

+1

non riesco a riprodurre questo problema: http://jsbin.com/luyinojade/1/edit – m59

+0

Un'altra opzione è che si può anche scrivere la funzione in ng clic quale casella di testo e modificare l'URL sarà chiaro con $ posizione. –

+0

@ChiragB Che aspetto avrebbe questa funzione se si volesse modificare l'URL in qualsiasi URL come google.com? –

risposta

0

Usa ng-href qui con il tag di ancoraggio.

<a ng-href="#signout" ng-click="SearchText=''">Sign out</a> 

È possibile utilizzare ng clic con anche questo.

Demo

+1

Non è collegato a questo :-P – squiroid

+2

Qui href e ng-click funziona anche bene. l'evento del primo clic viene eseguito e quindi il tag di ancoraggio effettuerà la richiesta. –

+4

Questa soluzione e la demo non funzionano. viene chiamato ng-click e quindi ci viene inviata una pagina di errore che non ha nulla a che fare con il link. Quando questa soluzione è usata nel mio esempio, come in questo esempio ** solo ** viene chiamato ng-click e ng-href viene ignorato. –

6

Se si utilizza ng-mouseup o ng-mousedown a seconda di quando è necessario l'evento al fuoco non sovrascriverà ng-href come ng-click fa.

<a ng-href="#signout" ng-mouseup="SearchText=''">Sign out</a> 
+1

Questa è una bella risposta! Ha fatto meraviglie per me. Grazie mille! –

+1

Questa dovrebbe essere la risposta accettata! – jezmck

Problemi correlati