AngularJSウォッチ機能について知っておくべきことすべて



この記事では、AngularJSウォッチ機能の実装方法に関する詳細で包括的な知識を提供します。

ザ・ JS $ scope関数は主な関数の一部です。この記事では、AngularJSウォッチ機能について次の順序で説明します。

Angular JSウォッチ機能とは何ですか?

Angular JS $ watch関数は、スコープオブジェクトを監視するために使用されます。 $ watchは変数を監視し、変数の値が変化すると、関数を実行する角度JS $ whatが変化します。この関数は2つの引数を取ります。1つは新しい値で、もう1つは古い値です。





Angularjsウォッチ

C ++のフィボナッチ数列

Angular JSウォッチ機能の使い方は?

AngularJSのウォッチ機能が正確に行うことの簡単な例を見てみましょう。したがって、Angular JSプログラムでは、2つのファイルを作成しました。index.jsはフロントエンドを担当し、app.jsはバックエンドを処理します。ここでは、フォームを使用して単純なプログラムを作成します。このフォームには入力フィールドがあります。 入力フィールドに名前を入力すると、出力メッセージに古い値と新しい値が表示されます。



Javaのtrim()

HTMLコード

index.htmlページには、ngWatchAppという名前のAngularアプリと、名前が付いたコントローラーがあります。watchController。次に、入力フィールド名とその入力フィールドの値を使用してフォームを作成し、h1タグに出力すると、メッセージが出力されます。

鬼ごっこ。

AngularWatchの例名前を入力してください

{{メッセージ}}

JavaScriptコード

app.jsで、ngWatchAppという名前のアプリと名前のコントローラーを作成しましたwatchController。次に、スコープ内の2つの変数を名前、名前、メッセージで定義し、監視関数で2つのパラメーターを渡します。1つは変更時に影響を受けるフィールドの名前で、もう1つは2つのパラメーターを持つ関数です。新しい値、および古い値。最後に、メッセージ変数に2つの値を追加し、メッセージ変数がindex.htmlページ。



Javaでファイルを使用する方法
var app = angle.module( 'ngWatchApp'、[])app.controller( 'watchController'、function($ scope){//スコープ変数を追加$ scope.name = '' $ scope.message = '' //追加名前フィールド$ scope。$ watch( 'name'、function(newValue = ''、oldValue = ''){$ scope.message = `新しい値は$ {newValue}で、古い値は$ {oldValue}`} )})

関数を見るときはいつでも、この関数はダイジェストに従って複数回呼び出されます。コードが実行されるたびに、AngularJSは現在の$ scope参照を最初の引数として渡します。これは、関数本体内から適切なスコープを参照できることを意味するだけでなく、$ scope参照を期待するすべての関数を監視できることも意味します。

これは、アプリケーションで角度js watch()関数を使用して、$ scope変数の変更を監視する方法です。 $ watchで機能するものは他にもいくつかあります。これらは、$ scopeオブジェクト内のすべてのウォッチを反復処理する$ digest()関数です。$ digest()時計を反復処理し、各時計のvalue関数を呼び出します。ザ・$ scope。$ apply()関数は、実行されるパラメータとして関数を取り、その後$ scope。$ digest()内部的に呼び出されます。

これで、このAngularJSウォッチ関数の記事は終わりです。 Angularフレームワークについて詳しく知りたい場合は、 インストラクター主導のライブトレーニングと実際のプロジェクト経験が付属しています。このトレーニングは、Angularを深く理解し、主題をマスターするのに役立ちます。

質問がありますか? 「AngularJSウォッチ機能」のコメント欄にご記入ください。折り返しご連絡いたします。