問題タブ [angularjs-watch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
863 参照

javascript - AngularJs値変更$watchの非表示入力で関数を呼び出す

これらの 3 つの値のいずれかが変更されるたびに関数をトリガーするために $watch を使用したい:

html:

angular を開始したばかりで、$watch を使用して関数をトリガーしたいと考えています。これらの値は、以下のドラッグ可能な関数を使用して 1 つの div をドラッグするたびに変更されます。

私はこれから始めましたが、1つのdivを移動すると関数を3回呼び出すので、正しくないと思いますか? さらに、入力を非表示にして使用できるかどうかもわかりません..ありがとうございます!

更新:フィドルに答えるドラッグの停止の最後に関数を追加するだけです

jsfiddle.net/5e7zbn5z/1/

0 投票する
0 に答える
37 参照

html - ファクトリを適切に使用するAngularjs

私はあなたが助けてくれるかどうか疑問に思っていました。httpリクエストを行う前にタイムアウト遅延を設定する以下のコードがあります。時計は入力ボックスにバインドされています。これは現在私のコントローラーにあり、動作します。

これを、コントローラーにリストするのではなく、呼び出すファクトリー/サービスとして使用したいと考えています。

その後、これを作った...

前のリターンが http null エラーにフラグを立てていたため、リターンが正しいかどうかはわかりません。

それを使用するために、コントローラーで以下のコードのいくつかのバリエーションを作成しました。

しかし、運が悪く、レンダリングを拒否しています。誰でも助けることができますか?

0 投票する
1 に答える
1407 参照

angularjs - 要素の高さを監視する angularjs ディレクティブの単体テスト

ジャスミンを使用して角度ディレクティブを単体テストする予定です。私のディレクティブは次のようになります

私の単体テストケースは次のとおりです

コードは正常に動作します。しかし、単体テストは失敗します。watch 関数は呼び出されますが、watch の element[0].offsetHeight は常に 0 を返します。watch が新しい高さを監視できるように要素を更新するにはどうすればよいでしょうか。ここには実際には DOM がないため、これをテストする方法さえありますか。単体テストで行う必要がある変更について教えてください。

0 投票する
1 に答える
38 参照

javascript - Angular の childScope で変更されたときに、parentScope 配列を更新するにはどうすればよいですか?

ネストされた子コントローラーを持つメインコントローラーがあります

私のメイン コントローラーでは、メイン スコープの変数を作成して、検索結果を格納しようとしています。

次に、子コントローラーでメインコントローラーの$scope.results変数を更新しようとします。

私の$watch関数は呼び出されません。これ$scope.resultsは、が更新されていないためだと思います。Angular Docs$scope.watch depthsセクションに示されているように、3 種類の$watch関数を使用してみました。スコープのプロトタイプ継承スタイルへの切り替えに関するこの記事を読みましたが、正しい道を進んでいるかどうかわからないため、問題を解決する最善の方法であるかどうかはわかりません。おそらく、目的の効果を得るために、代わりにイベントエミッター/ブロードキャスターを使用する必要がありますか?

の親スコープ ( ) 内のresults変数を更新して、 の兄弟がアクセスできるようにするにはどうすればよいですか?searchControllermainControllersearchController

編集/解決済みしたがって、これは本当に奇妙です。なぜこれが当てはまるのかを説明できれば、金の星.

コードが機能しない場合の mainController は次のとおりです。

コードが機能するときの mainController は次のとおりです。

どうして...

0 投票する
1 に答える
891 参照

angularjs - テーブルの列の値を変更する際に $watch を使用するにはどうすればよいですか

私のプロジェクトでは、テーブルに 2 つの列があります。下の図で確認できます。 ここに画像の説明を入力

私が欲しいのは - 「非受領数量」列で、いくつかの値を変更すると、「注文数量」列に応じて影響します.Ex.最初の行では、非受領数量は4で、3に減らすと注文数量は 7 から 6 になります。非受信数量を 4 から 5 に増やすと、注文数量は 7 から 8 になります 。angularjs $watch を使用してそれを行うにはどうすればよいですか? 私のコード: 私のhtmlで--

prodDetails に入力する Controller データ内 --

やりたいこと/こんなこと--

0 投票する
1 に答える
75 参照

angularjs - $scope.watch は、2 つの異なる角度ページ間では機能しません

以下のコードは、異なるコントローラーを使用して 1 つのページ内で動作していますが、あるページから別のページに値を渡すと、scope.watch が機能しません。どうやってそれができる?以下は私のコードです。