問題タブ [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.
javascript - ドロップダウンに基づいて ng-repeat の値を更新する
いくつかの情報を表示するために ng-repeat を使用してテーブルを作成しています。表示される列の 1 つが「体重」列です。すべての重量をキログラム単位でデータベースに保存しますが、重量をポンド単位で表示するオプションをユーザーに提供する必要があります。
ユーザーが重量単位を選択できるドロップダウンがあり、ng-changeでテーブルを更新しようとしています。しかし、私はそれを機能させるのに問題があります。
これが私の変更機能です(JSFiddleの完全な例):
これは、私が現在試みていることのJSFiddleです。誰かが同様の状況に遭遇した場合、これを機能させる方法についてアドバイスをいただければ幸いです。ありがとう!
javascript - ng-change を使用した関数出力への ANGularJS バインディング要素
AngularJS初心者はこちら。学ぶための簡単なページを書きます。ユーザー入力を取得し、それに操作を適用して (*10)、それをページに表示するだけです。これが機能しない理由がわかりません。{{funding.needed}} の値が表示されません....何かアイデアはありますか?
javascript - 選択オプションが除外された後、Angular モデルの更新に失敗する
バインドされた選択オプションが存在しなくなったときにモデルが更新されない理由を理解しようとしています。モデルのプロパティが未定義/null/空の文字列に更新されることを期待しています。
状況:フィルターを使用して別のselect
ドライバーを駆動します。select
選択が完了したら、元のオプションに移動してselect
別のオプションを選択します。フィルターはselect
予想どおり 2 番目のオプションを削除しますが、2 番目のモデル プロパティはselect
変更されません。
問題:モデルを渡そうとすると、不適切な値や以前の値が入力されます。さらに、Angular 検証を使用すると、select
必要になります...モデルにはプロパティの値 (以前の値) があるため、フォームは技術的に「有効」です。
HTML:
モデル:
ng-change 関数を最初に結び付けてモデルを強制的に更新できると確信していますが、より良い方法はありますか?
問題を示すプランカーの例
angularjs - Angular jsはカラーピッカー値を適用します
カラー ピッカーのランタイム値をスパン テキストの背景色として適用したいと考えています。モデルをカラー値として使用するにはどうすればよいですか?
HTML:
angularjs - ngModelの変更でngChangeがトリガーされない
UI ブートストラップは、ボタンと順序付けられていないリストを使用した選択ドロップダウンを示しています。これはすべてうまくいきますが、HTML の選択タグと同じ機能を取得しようとしています。オプションを選択してモデルの値を変更し、ng-change 関数を起動するなどの機能。
入力にアタッチされた ngModel が変更されたときに ngChange イベントが発生すると思いましたが、そうではありません。私の問題にプランカーを添付しました。これは、 を呼び出す必要があるを変更するリスト項目user.group
の選択を示していますが、そうではありません。ngChange である種のセマンティクスが欠けていますか?ng-model
ng-change="alert('blah')"
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-options
ng-change
要素に対しては正常に機能し、予想されるオプションを確認できますがupdate_stat()
、alert
.
update_stat()
コンソールから実行すると正常に動作します。報告する関連するコンソール エラーはありません。
$scope
実行中に要素を確認するにはどうすればよいng-change
ですか?
もっと深く掘り下げたい人のためのPlunkr 。