Измените текст тега привязки при щелчке по методу ng-click

Question

У меня есть привязанный тег, который при щелчке должен изменить его текст в функции ng-click. Может ли кто-нибудь мольба помочь мне в этом? Ниже приведен код:

<div ng-app="Test"> 
<div ng-controller="Foo"> 
    <a class="anchClass" ng-click="hi($event)">click me</a> 
</div> 

angular.module('Test',[]).controller('Foo', function ($scope, $element) { 
    $scope.hi = function (e) { 
     var elem = angular.element(e.srcElement); 
     elem.val("Search"); 
    } 
}) 

Answer 1

Использование $ event.currentTarget изменить текст текущего элемента

angular.module('Test', []).controller('Foo', function($scope, $element) { 
 
    $scope.hi = function(e) { 
 
    e.currentTarget.text = "Search"; 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="Test"> 
 
    <div ng-controller="Foo"> 
 
    <a class="anchClass" ng-click="hi($event)">click me</a> 
 
    </div>