javascript - AngularJs ng-click VS jquery on ('click' )

Question

我是 Angular 的新手，不明白为什么我应该在 jQuery 事件监听器上使用 Angular ng-click？由于最佳实践是在我的应用程序中只使用其中一个(根据 this highly up voted answer )，在 angular 中没有任何优雅的解决方案来监听诸如 jquery 中的事件吗？

jQuery

<span>Box 1</span>
<span>Box 2</span>
<span>Box 3</span>

$("span").on('click',function() {
  // do something 
});

Angular

<span ng-click="doSomething();">Box 1</span>
<span ng-click="doSomething();">Box 2</span>
<span ng-click="doSomething();">Box 3</span>

$scope.doSomething = function(){
    // do something
};

如果我需要更改函数名称或完全删除它会发生什么情况，我将不得不检查整个代码并删除 ng-clicks。

Answer 1

你可以使用 ng-repeat

在 JS 中

$scope.spans = ["Box 1", "Box 2", "Box 3"]

在 HTML 中

<span ng-repeat="s in spans" ng-click="doSomething()">{{s}}</span>