私は Angular に触れたばかりなので、いくつかの概念がまだ非常に曖昧です。Google でこの質問に対する答えを見つけようとしましたが、適切な答えが見つからなかったので、ここで質問させていただきます。大まかなコードは次のとおりです:
ng-repeatを削除するとJSコードの効果が得られますが、ng-repeatを追加すると効果がありません。これはAngularスコープの問題ですか?
ng-repeat
これはスコープとは何の関係もありません。純粋に jquery => angular の典型的なエラー形式です。 jquery => angular的错误表现形式。
jquery
angular
AngularJS的指令，作为一种“声明式”的API，玩法和jquery那套“命令式”API有很大区别，你在混着用的时候，很容易出错。
AngularJS
基本常识错误，id是用来表示元素唯一性的，可你用在了ng-repeat上，也就是说可能出现若干个元素的id都是need-another-js，这和jquery、angular都没关系，纯粹是html知识上的缺失
id
need-another-js
html
ng-repeat作为angular提供的指令，需要经过angular的compile、linking过程，导致，当你的$('#need-another-js').click在为#need-another-js元素注册事件的时候，这个元素其实还没有被angular生成到DOM中，这才是没生效的关键。
compile
linking
$('#need-another-js').click
#need-another-js
DOM
单就你这个例子来讲，可以做如下修改使之生效：
<p ng-repeat="item in list" class="need-another-js"></p>
不用id用class
class
<script> $(document).on('click', '.need-another-js', function(){ // do something }); </script>
虽然我不推荐这种写法，但你既然选择了"命令式"和声明式API混用，想必有你的理由。
声明式
补充：
关于angular
リンク
#need-another のイベントを登録します。 -js
あなたの例として、次の変更を加えて効果的にすることができます:
🎜class の代わりに id を使用してください🎜
宣言型
リーリー
angular には ng-click をサポートするバインディング イベントがあります
こんな風に書いてみてもいいですよ
Angular を学んだとき、JQ から Angular に直接切り替えました。JQ でできることはすべて Angular でできます
ng-repeat は DOM 要素を動的に追加するためのもので、動的に追加された要素に click メソッドを使用してイベントをバインドした場合、イベントはトリガーされません。 jqueryを使いたい場合は、leftstickが提案する方法を使用しますが、mumofaが提案するangularメソッドを使用することをお勧めします
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これはスコープとは何の関係もありません。純粋に
jquery=>angularの典型的なエラー形式です。jquery=>angular的错误表现形式。AngularJS的指令，作为一种“声明式”的API，玩法和jquery那套“命令式”API有很大区别，你在混着用的时候，很容易出错。基本常识错误，
id是用来表示元素唯一性的，可你用在了ng-repeat上，也就是说可能出现若干个元素的id都是need-another-js，这和jquery、angular都没关系，纯粹是html知识上的缺失ng-repeat作为angular提供的指令，需要经过angular的compile、linking过程，导致，当你的$('#need-another-js').click在为#need-another-js元素注册事件的时候，这个元素其实还没有被angular生成到DOM中，这才是没生效的关键。单就你这个例子来讲，可以做如下修改使之生效：
虽然我不推荐这种写法，但你既然选择了"命令式"和
声明式API混用，想必有你的理由。补充：
关于
angularAngularJSの命令は、「宣言型」API として、jqueryの「命令型」API とは大きく異なります。これらを混合すると間違いが起こりやすくなります。 。idは要素の一意性を示すために使用されますが、それをng-repeatで使用しました。つまり、複数の要素が存在する可能性があります。id要素はすべてneed-another-jsです。これはjqueryやangularとは関係ありません。それは純粋にhtml知識の不足ですng-repeatは、angularによって提供されるコマンドとして、angularのcompileを通過する必要があります。 >、リンクプロセス。その結果、$('#need-another-js').clickが#need-another のイベントを登録します。 -js要素 この時点では、この要素は実際にはangularによってDOMに生成されていません。これが失敗の鍵です。あなたの例として、次の変更を加えて効果的にすることができます:
リーリー リーリー 🎜この書き方はお勧めしませんが、「命令型」API と宣言型API を混合することを選択したのですから、それなりの理由があるはずです。 🎜 🎜追加: 🎜 🎜angularがどのように機能するかについては、公式 Web サイトにあるこの概要を読むことが、始めたばかりの学生にとって役立つと思います: 🎜 🎜🎜🎜🎜🎜 🎜文書アドレス: 概念🎜リーリー
angular には ng-click をサポートするバインディング イベントがあります
こんな風に書いてみてもいいですよ
リーリーAngular を学んだとき、JQ から Angular に直接切り替えました。JQ でできることはすべて Angular でできます
ng-repeat は DOM 要素を動的に追加するためのもので、動的に追加された要素に click メソッドを使用してイベントをバインドした場合、イベントはトリガーされません。 jqueryを使いたい場合は、leftstickが提案する方法を使用しますが、mumofaが提案するangularメソッドを使用することをお勧めします