在 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>