Как создать интерактивные значки в angularjs?

Question

Я хотел бы просто создать clickable значок в angularjs. Он работает до сих пор, но элемент ссылки изменяет местоположение страницы, чего он не должен.

<a ng-href="#" ng-click="callbackMethod()" target="_self" class="icon" title="test"> 
    <span class="glyphicon glyphicon-print"></span> 
</a> 

Вопрос: как я могу предотвратить изменение местоположения? Или это тег <a> не тот элемент?

Answer 1

<a href ng-click="callbackMethod()" class="icon"> 
    <span class="glyphicon glyphicon-print"></span> 
</a> 

или:

<span class="glyphicon glyphicon-print" ng-click="callbackMethod()" style="cursor:pointer;"></span> 

Answer 2

Если вы намереваетесь создать только значок, который делает что-то при нажатии, не используйте <a> тег, просто использовать <div> или <img>. Якорная метка подразумевает навигацию с помощью семантики. См.: https://www.w3.org/TR/html401/struct/links.html

Answer 3

Вы можете просто передать пустую строку в свой атрибут href. Это предотвратит изменение вашего браузера.

<a ng-href="" ng-click="callbackMethod()" target="_self" class="icon" title="test"> 
    <span class="glyphicon glyphicon-print"></span> 
</a> 

Answer 4

Вам не нужен ng-href, если вы хотите, чтобы он остался на той же странице. Добавить все, что функциональность вы хотите в функции и присвоить его нг нажмите

<a ng-click="callbackMethod()" target="_self" class="icon" title="test"> 
<span class="glyphicon glyphicon-print"></span>