ここには趣味に関する記述がたくさんあります。各記述は、各spanタグに ng-click='getHobby()' を追加しました。 $scope.getHobby=function( ){} の使用方法。クリックに対応するspanタグの説明を取得しますか?
私の方法: getHobby() 関数をバインドするときに、getHobby("Bookworm") のように、タグ内の説明を関数のパラメーターとして追加しました。これも可能ですが、十分エレガントではありません。 、HTML に多くのコードを追加しました。解決策を聞きたいです
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリー
さまざまなタグは、スコープを通じてコントローラーによってデータ制御される必要があります。Angular は常に既存のデータを記憶し、そのデータに基づいてインターフェースの操作をコントローラーに返して処理します。
他の方法でページ上のタグリストを生成した場合
<span ng-click="getHobby('Bookworm')">本の虫</span>
<span ng....>インターネット</span>
この崖は Angular の正しい使用方法ではありません。
Angular を使い始めたばかりの場合、最初の考え方が Angular の使用に影響を与えないように、絶対的すぎる可能性があるルールに留意してください:
1 コントローラー内で DOM 関連の操作を実行してはなりません
2 DOM 関連の操作はすべてディレクティブに配置する必要があります
元の投稿者は jquery のアイデアを使用して angular を構築していますが、angular には双方向のデータ バインディングがあるのでしょうか。
投稿者への提案: angular の利点は、DOM を操作する必要がなくなったことです。angular を使用していて DOM を操作する場合は、他の方法がないか考えてください。
質問者が何をしているのか分かりませんが、jQueryの実装は非常に簡単です
リーリー17:07 修正
リーリー質問主は以下を参照できます:
追記: jQueryのホームページの下におすすめの本があります
Jquery .on()を参照してください
AngularJS Events
ng がループするときに、現在の要素を ngclick に渡すだけです。
コマンドを書くだけです。 。
コマンドのリンク関数でクリックイベントをバインドします。 。