問題タブ [angular-ngmodel]

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

javascript - AngularJS:jQueryで変更するとng-modelバインディングが更新されない

これは私のHTMLです:

ボックスに入力すると、双方向バインディング メカニズムを介してモデルが更新されます。甘い。

ただし、JQuery経由でこれを行うと...

モデルを更新しません。なんで?

0 投票する
8 に答える
250529 参照

angularjs - ng-modelとng-bindの違いは何ですか

私は現在AngularJSを学習していますが、との違いを理解するのに苦労していng-bindますng-model

誰かがそれらがどのように異なり、一方が他方の上にいつ使用されるべきかを教えてもらえますか?

0 投票する
14 に答える
269087 参照

javascript - Ng-model does not update controller value

Probably silly question, but I have my html form with simple input and button:

Then in the controller (template and controller are called from routeProvider):

Why do I see the view updated correctly but undefined in the console when clicking the button?

Thanks!

Update: Seems like I have actually solved that issue (before had to come up with some workarounds) with: Only had to change my property name from searchText to search.text, then define empty $scope.search = {}; object in the controller and voila... Have no idea why it's working though ;]

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

javascript - テキスト入力に入力した後に ng-model が更新されなくなりました

私は AngularJS を初めて使用し、問題を解決できないという問題を抱えています。stackoverflow に同様の質問がありましたが、役に立たなかったようです。私は基本的に ng-click で更新されるフォームを持っていますが、テキスト ボックスのいずれかにテキストを入力すると、それらのテキスト ボックスは更新されなくなります。

これは私のHTMLです



これは、誰かがリンクをクリックしたときに呼び出される私の関数です

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

javascript - チェックボックスセットから複雑なオブジェクトを取得するためにngModelを使用するAngularJS

おはよう!

これに触れるスタックに関するいくつかの投稿を見つけましたが、私がやろうとしていることを正確に達成するものは見つかりませんでした。

(参照用の JS Fiddle: http://jsfiddle.net/gsLXf/1/ )

調査の一環として、一連の動的な質問をしています。サーバーにポストバックできる「応答」オブジェクトにテキストおよびラジオ応答の応答をバインドする方法を理解しました。私が抱えている問題は、チェックボックスにあります。フィドルでわかるように、私がやろうとすると

すべてのチェックボックスが 1 つの項目として応答します (すべて同じ値にバインドされているため、これは理にかなっています。ただし、

ng-model="response[question.id][option.id]"

question.id がまだインスタンス化されていないため、option.id をオブジェクトにプッシュできないため、エラーが発生します。

理想的には、参照されたフィドルに対する私の応答オブジェクトは次のようになります。

ユーザーは動的にフォームを作成するので、すべての状況でこれを非常に適切に処理できる必要があります。オブジェクト関連のデータをコントローラーにハードコードすることはできません。また、この状況を処理するためにモデル オブジェクトを手動で作成することもできません。

既知の ID セットをループして、初期化中に満たされる応答オブジェクトをスキャフォールディングすることを検討しましたが、Angular がオンザフライで応答オブジェクトを作成するだけの優れた方法を備えている場合 (この状況を除く)、やり過ぎのように思えます。

これを行う最善の方法は何ですか?

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

angularjs - AngularJs - angularJs バインディングにスコープ プロパティが存在するように強制する

現在のスコープに存在しないプロパティにバインドすると、Javascript エラーが発生しないことに気付きました。実際、Angular は代わりにスコープに新しいプロパティを設定すると思います。

以前は KnockoutJS を使用していましたが、データ バインド式がビューモデルの未定義のプロパティを参照すると、JS エラーがスローされました。

同じことを行うように AngularJS を構成する方法はありますか? JSエラーメッセージがトラブルシューティングに役立つため、この「厳密な」検証アプローチを好みます

HTML の例:

そしてJavascript:

HTML のタイプミスは、バインディングが一致しないことを意味します。それを教えてくれるJSエラーを取得するのは素晴らしいことです...