問題タブ [two-way-binding]

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 に答える
1903 参照

angularjs - textareaの双方向バインディングがng-modelで機能しない

angular jsで奇妙な問題に直面しています。私はテキストエリアを使用しており、そのデフォルト値があります。しかし、テキストエリアの値を手動で変更すると、コントローラーで更新されません。

また、他のスコープはデフォルト値にバインドされていません。

私のHTML

JS

創刊。コンソールでは、デフォルト値のみを受け取ります..しかし、テキストエリアで更新したときに更新された値は受け取りません。2 つ目は、$scope.tmDynam.one が $scope.postrequest で更新されていないことです。また、{{}} の代わりに ng-model を使用しました。しかし、それでも問題は解決しません助けてください

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

javascript - AngularJS 双方向データ バインディングが setTimeout によってキャンセルされる

Controller As次の構文を使用して、この HTML のスニペットを取得しました。

この非常に簡素化されたコントローラーを使用します。

そして私のサービスモジュールからのこのセグメント:

ここでの私の問題は、上記のuiVisibility.overlayLoaderVisibleとの値uiVisibility.resultVisibleが変更された場合setTimeout()、UI で何も起こらないことですが、コンソール ロギングでテストしたため、実行されることがわかっています。タイムアウトを 2 行だけに置き換えると、それらは実行されますが、同期的であるため、ビューでそれぞれが更新される間に 1 秒ほどかかります。

私の質問:setTimeout()非同期メソッドで値が変更されたときに、双方向のデータ バインディングを防止するメカニズムはありますか?

JavaScript のパスバイシェアリングを考慮して、2 つの値を連想配列に入れ、双方向バインディングを使用する他のすべてのオブジェクトで問題なく動作します。

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

angular - 双方向バインディング - ネストされたオブジェクト - 角度 - 未定義のプロパティを読み取ることができません

ネストされたオブジェクトに [(ngModel)] を使用したいのですが、エラーが発生します

Cannot read property 'mxn' of undefined

これらは私のモデルのデータ構造です:

company.model.ts

currency.model.ts

これは company.ts の一部です

とHTML

mxnHTMLページでは、次を使用するだけで値を表示できます:

ngModelしかし、値を更新してデータベースに送信するために双方向バインディングで使用したい場合は機能しません。

[(ngModel)] = "newCompany.currency.mxn" 上記のエラーが発生します。使用 [(ngModel)] = "newCompany.currency"してもエラーは発生しませんが、値を割り当てることができないため、コードは役に立ちませんmxn

[(ngModel)] = "newCompany.name"これで問題なく動作し、名前を更新できると言わざるを得ません。

Postman で試してみたところ、バックエンドは正常に動作しました。問題は角度側です。

問題は、データ構造が正しい場合、ネストされたオブジェクトに双方向バインディングを使用するにはどうすればよいかということです。

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

javascript - レイテンシーのある ng-change 更新モデル

みんな。angularjsに問題があります。input[type="text"] のカスタム ディレクティブを作成し、モデルとして変数に渡しました。しかし、ng-change イベントは、変数の前の値で関数を呼び出しました。例: 状態: 0、タイプ 1、機能中 - 0。状態: 1、タイプ 548、機能中 - 1。状態: 548、タイプ 3、機能中 548。

私のHTML:

そしてjs: