在 ng-click 方法中单击时更改锚标记的文本

【问题标题】：Change the text of an anchor tag when clicked in ng-click method在 ng-click 方法中单击时更改锚标记的文本
【发布时间】：2015-08-28 19:24:25
【问题描述】：

我有一个锚标记，单击该标记应更改其在 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");
    } 
})

【问题讨论】：

标签： javascript angularjs

【解决方案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>

【讨论】：

谢谢你，这有帮助:)