こんにちは、で提供されている興味深いディレクティブについて学びましょう 、つまりng-changeディレクティブの場合、名前自体が実行する作業を部分的に提供します。プログラマーは通常、on-changeイベントとng-changeイベントの間で混乱します。今日、このブログですべてを明らかにしましょう。本日取り上げるトピックは次のとおりです。
ブログに進む前に、まずAngularJSのディレクティブについて簡単に説明します。
指令とは何ですか?
AngularJSディレクティブは、接頭辞「ng-」が付いた単純な拡張HTML属性です。 AngularJSは、以下を提供する一連の組み込みディレクティブを提供します さまざまな機能 私たちのアプリケーションに。
AngularJSでは、独自のディレクティブを定義することもできます。
ng-changeとは何ですか?
変化は これは、コンポーネントの値またはイベントが変更されたときに操作を実行するためのものです。言い換えると、ng-changeディレクティブは、HTML要素の値が変更されたときに何をするかをAngularJSに指示します。
アンng-modelng-changeディレクティブにはディレクティブが必要です。
ng-changeディレクティブを使用する際の重要なポイント:
- onChangeイベントはどうなりますか?ザ・ng-changeAngularJSからのディレクティブは、要素の元のonchangeイベントをオーバーライドしません。ng-change式と元のonchangeイベントが実行されます。
- ザ・ng-changeイベントは、値が変更されるたびにトリガーされます。すべての変更が行われるのを待つことも、入力フィールドがフォーカスを失うのを待つこともありません。
- ザ・ng-changeイベントは、入力値に実際の変更があった場合にのみトリガーされ、JavaScriptから変更が行われた場合にはトリガーされません。
- このng-changeディレクティブは、、、、などのHTMLタグでサポートされています。
- ngChange式は、入力値の変更によって新しい値がモデルにコミットされた場合にのみ評価されます。
評価されません:
Pythonのコンストラクターとは
- $ parsers変換パイプラインから返された値が変更されていない場合
- モデルがnullのままであるため、入力が引き続き無効である場合
- モデルが入力値ではなくプログラムで変更された場合。
注意 、このディレクティブにはngModel存在する。
構文:
< 素子 ng-change=「表現」 >> 素子 >>
式:要素の値が変更されたときに実行される式を指定します。
例:
入力フィールドに入力してください:
入力フィールドが{{count}}回変更されました。
angle.module( 'App1'、[])。controller( 'cng1l'、['$ scope'、function($ scope){$ scope.count = 0 $ scope.myFunc = function(){$ scope.count ++} }])
出力(3回の変更後)
入力フィールドに入力してください:
PHPをインストールするにはどうすればよいですか
入力フィールドが3回変更されました。
これで、ng-changeディレクティブを明確に理解したかもしれません。プログラムでそれを使用して、どれだけ学習したかを確認してください。読んでくれてありがとう。私はあなたがこれを通過することをお勧めします Angularチュートリアル Edurekaビデオプレイリスト ビデオを見て、Angularアプリケーションの操作方法を学びます。
Angularディレクティブがわかったので、 25万人以上の満足した学習者のネットワークを持つ信頼できるオンライン学習会社であるEdurekaが世界中に広がっています。 Angularは、スケーラブルでエンタープライズなパフォーマンスのクライアント側Webアプリケーションを作成するために使用されるJavaScriptフレームワークです。 Angularフレームワークの採用率が高いため、アプリケーションのパフォーマンス管理はコミュニティ主導であり、間接的により良い雇用機会を推進しています。 Angular認定トレーニングは、エンタープライズアプリケーション開発に関するこれらすべての新しい概念をカバーすることを目的としています。