検索

ホームページ  >  に質問  >  本文

angular.js - angularjsでspanタグをクリックした後、spanタグのコンテンツを取得するにはどうすればよいですか?

ここには趣味に関する記述がたくさんあります。各記述は、各spanタグに ng-click='getHobby()' を追加しました。 $scope.getHobby=function( ){} の使用方法。クリックに対応するspanタグの説明を取得しますか?

私の方法: getHobby() 関数をバインドするときに、getHobby("Bookworm") のように、タグ内の説明を関数のパラメーターとして追加しました。これも可能ですが、十分エレガントではありません。 、HTML に多くのコードを追加しました。解決策を聞きたいです

过去多啦不再A梦过去多啦不再A梦2779日前708

全員に返信(5)返信します

  • 大家讲道理

    大家讲道理2017-05-15 16:57:27

    リーリー

    さまざまなタグは、スコープを通じてコン​​トローラーによってデータ制御される必要があります。Angular は常に既存のデータを記憶し、そのデータに基づいてインターフェースの操作をコントローラーに返して処理します。

    他の方法でページ上のタグリストを生成した場合

    <span ng-click="getHobby('Bookworm')">本の虫</span>
    <span ng....>インターネット</span>

    この崖は Angular の正しい使用方法ではありません。


    Angular を使い始めたばかりの場合、最初の考え方が Angular の使用に影響を与えないように、絶対的すぎる可能性があるルールに留意してください:

    1 コントローラー内で DOM 関連の操作を実行してはなりません
    2 DOM 関連の操作はすべてディレクティブに配置する必要があります

    返事
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 16:57:27

    元の投稿者は jquery のアイデアを使用して angular を構築していますが、angular には双方向のデータ バインディングがあるのでしょうか。
    投稿者への提案: angular の利点は、DOM を操作する必要がなくなったことです。angular を使用していて DOM を操作する場合は、他の方法がないか考えてください。

    返事
    0
  • 漂亮男人

    漂亮男人2017-05-15 16:57:27

    質問者が何をしているのか分かりませんが、jQueryの実装は非常に簡単です

    リーリー

    17:07 修正
    質問主は以下を参照できます:

    リーリー

    追記: jQueryのホームページの下におすすめの本があります
    Jquery .on()を参照してください
    AngularJS Events

    返事
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-15 16:57:27

    ng がループするときに、現在の要素を ngclick に渡すだけです。

    返事
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-15 16:57:27

    コマンドを書くだけです。 。
    コマンドのリンク関数でクリックイベントをバインドします。 。

    返事
    0
  • キャンセル返事