問題タブ [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 投票する
2 に答える
361 参照

javascript - ドロップダウンに基づいて ng-repeat の値を更新する

いくつかの情報を表示するために ng-repeat を使用してテーブルを作成しています。表示される列の 1 つが「体重」列です。すべての重量をキログラム単位でデータベースに保存しますが、重量をポンド単位で表示するオプションをユーザーに提供する必要があります。

ユーザーが重量単位を選択できるドロップダウンがあり、ng-changeでテーブルを更新しようとしています。しかし、私はそれを機能させるのに問題があります。

これが私の変更機能です(JSFiddleの完全な例):

これは、私が現在試みていることのJSFiddleです。誰かが同様の状況に遭遇した場合、これを機能させる方法についてアドバイスをいただければ幸いです。ありがとう!

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

javascript - ng-change を使用した関数出力への ANGularJS バインディング要素

AngularJS初心者はこちら。学ぶための簡単なページを書きます。ユーザー入力を取得し、それに操作を適用して (*10)、それをページに表示するだけです。これが機能しない理由がわかりません。{{funding.needed}} の値が表示されません....何かアイデアはありますか?

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

javascript - 選択オプションが除外された後、Angular モデルの更新に失敗する

バインドされた選択オプションが存在しなくなったときにモデルが更新されない理由を理解しようとしています。モデルのプロパティが未定義/null/空の文字列に更新されることを期待しています。

状況:フィルターを使用して別のselectドライバーを駆動します。select選択が完了したら、元のオプションに移動してselect別のオプションを選択します。フィルターはselect予想どおり 2 番目のオプションを削除しますが、2 番目のモデル プロパティはselect変更されません。

問題:モデルを渡そうとすると、不適切な値や以前の値が入力されます。さらに、Angular 検証を使用すると、select必要になります...モデルにはプロパティの値 (以前の値) があるため、フォームは技術的に「有効」です。

HTML:

モデル:

ng-change 関数を最初に結び付けてモデルを強制的に更新できると確信していますが、より良い方法はありますか?

問題を示すプランカーの例

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

angularjs - Angular jsはカラーピッカー値を適用します

カラー ピッカーのランタイム値をスパン テキストの背景色として適用したいと考えています。モデルをカラー値として使用するにはどうすればよいですか?

HTML:

プランカー: http://plnkr.co/edit/APrl9Y98Em0d6rxuzRDE?p=preview

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

angularjs - ngModelの変更でngChangeがトリガーされない

UI ブートストラップは、ボタンと順序付けられていないリストを使用した選択ドロップダウンを示しています。これはすべてうまくいきますが、HTML の選択タグと同じ機能を取得しようとしています。オプションを選択してモデルの値を変更し、ng-change 関数を起動するなどの機能。

入力にアタッチされた ngModel が変更されたときに ngChange イベントが発生すると思いましたが、そうではありません。私の問題にプランカーを添付しました。これは、 を呼び出す必要があるを変更するリスト項目user.groupの選択を示していますが、そうではありません。ngChange である種のセマンティクスが欠けていますか?ng-modelng-change="alert('blah')"

http://plnkr.co/edit/oZo7xGEVKvB0ntwiNFMp?p=info

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

javascript - angular を使用したデバッグ

Angular がイベント$scopeを評価している間に、変数を中断して調べる方法はありますか?ng-change

UI-gridで使用しているカスタム footerCellTemplate の一部として、次のものがあります。

<select class="form-control" ng-model="col.colDef.stat" ng-options="stat as stat for stat in col.getRenderContainer().grid.stats" ng-change="col.getRenderContainer().grid.update_stat()"></select>

ng-optionsng-change要素に対しては正常に機能し、予想されるオプションを確認できますがupdate_stat()alert.

update_stat()コンソールから実行すると正常に動作します。報告する関連するコンソール エラーはありません。

$scope実行中に要素を確認するにはどうすればよいng-changeですか?

もっと深く掘り下げたい人のためのPlunkr 。