web-dev-qa-db-ja.com

Angular.jsでhrefとng-clickの両方を使用できますか

テキストボックスがあります。

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

そしてリンク:

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

上記のハイパーリンクで両方を実行したいと思います。 ng-click空のテキストボックスと#signout意志ng-route HTMLおよびコントローラーからサインアウトします。

しかし、hrefのオーバーライドは確認できますng-click Angular.js

両方を実行する方法は?

16
Devesh Agrawal

ng-mouseupまたはng-mousedownを使用する場合、いつイベントを発生させる必要があるかによって、ng-hrefのようにng-clickがオーバーライドされません。

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

アンカータグでは ng-href を使用します。

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

これでもng-clickを使用できます。

デモ

2
Satyam Koyani