如何通过 jQuery 将 Angular 元素修改为 ng-repeat 元素？答案

【问题标题】：How modify an angular element, as a ng-repeat element, by jQuery?如何通过 jQuery 将 Angular 元素修改为 ng-repeat 元素？
【发布时间】：2014-02-27 10:05:26
【问题描述】：

我认为问题在于 Angular 使用 javascript 创建这些元素，所以在 jQuery domready 之后。所以 jQuery 不会在 DOM 中看到这些元素。我能做什么？

HTML

<li ng-prepeat="el in els">{{el.attr}}</li>

$("li").click(function(){ do something });

【问题讨论】：

试试$("li").on('click',function(){ do something });?
对不起，我错了，因为事件不在 domready 范围内。
你到底为什么要这么做？使用 ng-click。 JQuery 适用于有角的菜鸟。
James 已经回答了如何以 Angular 方式执行此操作（使用 ng-click）。大多数你想做的事情都可以在 Angular JS 中完成，而不需要 jQuery。如果您发现自己需要使用 jQuery，那么您很可能做错了什么。

标签： javascript jquery angularjs angularjs-ng-repeat domready

【解决方案1】：

可以使用ng-click来实现li的点击

<li ng-repeat="el in els" ng-click="doSomething()">{{el.attr}}</li>

【讨论】：

我可以在 ng-click 事件中使用 jQuery 吗？
你可以使用 jQuery，但你不应该要求它，因为 AngularJS 允许你做你需要的东西