問題タブ [angularjs-ng-change]

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 投票する
3 に答える
1173 参照

angularjs - Angular JS テキスト フィールド入力の変更 - ウォッチ

最後に空のテキスト フィールドがあり、配列にバインドされたテキスト フィールドのリストがあります。空のテキスト フィールドへのテキスト入力を検出する必要があるため、ユーザーが値の入力を開始したときに別の空の要素を配列に追加して、ユーザーが常に別のフィールドで作業できるようにします。

$watch または ng-change を使用して変更を確認し、それに応じて要素を追加する必要がありますか? 私は $watch が常に起動していることを知っているので、それは悪いオプションかもしれません.

0 投票する
3 に答える
5009 参照

javascript - Angular ng-change がコードを呼び出していません。間違ったモデルを使用していますか

オンラインで見つけた MEAN.js ジェネレーターとチュートリアルを使用してアプリを作成しています。ここでは、Angular ビューの 1 つに日付ピッカーがあります。今のところ、ng-change ディレクティブを認識して何かをしたいと考えています。日付を変更すると、ここに表示されているテスト アラートが呼び出されません。

誰か助けてくれませんか?私はAngularが初めてです。

また、ng-modelではなくdata-ng-modelを使用したことが原因である可能性がある場所を読みました。これは事実でしょうか?もしそうなら、2つの違いは何ですか?

0 投票する
2 に答える
1390 参照

angularjs - ng-change と ng-model で ng-checked が機能しない

プロパティが false の場合にのみチェックする必要があるチェックボックスがあります。私は次のhtmlを持っています:

チェック/チェックを外した後、データベースを更新する必要がありますが、これは予期した動作ではありません。基本的に、IsProject が false の場合はチェックする必要があります。チェックを外した場合、IsProject 値は 1 になる必要があります。

0 投票する
2 に答える
1131 参照

javascript - 文字列に対して ng-model の値を確認し、関数を実行します

< select のスコープのために、いくつかの関数を混在させる必要があります。

HTML:

指令:

目的: 選択したオプションの値が「OTHER*」に等しい場合に機能を実行できるようにするため。現在、これは単純な console.log に設定されています。現時点ではコンソールに何も表示されません。

ポインタはありますか?

Reset() 関数を使用した UPDATE:

更新 2: 生成されたマークアップ:

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

angularjs - $scope.myModel 要素を ng-change で設定すると無限ループに入る

私はAngularにかなり慣れていないので、「基本的な」何かを達成しようとしています。私は成功せずに2日間グーグルしてきましたが、助けていただければ幸いです。

私がしようとしているhtmlページがあります:

  1. HTTP POST リクエストでデータを初期化する
  2. フィルターとして使用される要素が変更されたときに、ng-change イベントを介して関数を呼び出して、別の HTTP POST でデータを更新します (つまり、カテゴリ、asc/desc の並べ替えなど)。

私の問題は、HTTP 応答(この場合のみ)を使用してプログラムでモデルを更新すると、要素に関連付けられた ng-change イベントがトリガーされ、それ自体が update 関数を呼び出してから無限ループに入るということです: ng -change -> 更新機能 -> ng-change -> 更新機能

注: Angular Material テンプレートを使用していますが、コードは変更されません

HTML

JS

結果

これは、HTTP 要求の応答を使用せずにプログラムでモデルを更新している場合には発生しません。 ここを参照してください: http://plnkr.co/edit/baNjr85eAOkKVu4dnf1m?p=preview

ありがとう

そこのような $watch を使用した回避策を使用したくないことに注意してください:プログラムでモデルが変更されたときに ngChange が呼び出されます

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

javascript - 1つのモデルオブジェクトに接続されたAngularjsの2つの選択ボックス - 選択されたオプション

1 つのオブジェクトに接続されている 2 つの選択ボックスに問題があります。プランカーを作成しましたが、アプリでは問題ありません。基本的に、コードからすべてをプランカーにコピーしましたが、そこでは機能していますが、コードでは機能していません。ここにリンクがあります:plnkr

そこに2つの選択ボックスがあります。まずはサイト選びです。2 つ目は、データソースの選択です。最初のボックスでサイトを選択すると、2 番目の選択ボックスのリストが新しいオブジェクトからネストされたデータソースに変更されます。そして、問題なく正常に動作しています。サイトを変更すると、新しいデータが 2 番目のボックスに入力されます。デフォルトのものを選択したいです(最初のオプションが利用可能です)。したがって、サイトを選択すると、サイトの最初のデータソースが自動的に選択されます。私のアプリの問題 (何らかの理由で plnkr ではありません) は、box2 から別のデータソースを選択し、最初のボックスでサイトを変更したときです。デフォルトの最初のオプションは自動的には選択されません。データソースを変更する前に、サイトを何度も変更できますが、常にデータソース ボックス 2 の最初のオプションが選択されます。しかし、データソースボックスに触れると停止します。私が言ったように、あなたはできる」t plnkr でそれを参照してください。また、サイトを変更すると、データソース変更イベント リスナーが datasource Id = null でトリガーされることにも気付きました。しかし、これはボックス2に触れた後にのみ起こりました

理由はありますか?私はさまざまなことをオプションに試してみましたが、ectを選択しました。それを機能させることはできません。最初のオプションを常に選択できるようにしたいだけです。

0 投票する
2 に答える
16967 参照

angularjs - キープレスまたはキーダウン以外のテキストボックスの ng-change イベントを発生させる

メソッドを使用して値が変更されたときにテキスト値を更新したいのですが、テキストを入力しているときにメソッドを呼び出すのではなく、テキストボックスを終了するか、スクリプトコードを使用して変更するときにメソッドを呼び出す必要があります。

何に update() メソッドを含めるべきか、

私が試したのは、このテキストボックスのディレクティブを書き、

初めて呼び出していますが、モデル値が変更されたときではありません。

model.value が変更されるたびに更新メソッドを呼び出したいが、テキストの入力中は呼び出さない