問題タブ [angular2-ngmodel]

私はAngularから始めており、入力を検証する必要があるプロジェクトに参加しているため、入力を明確にしておくことができず、すべての入力を完了する必要があります。

これは html で、.ts ファイルがあります。

これは、html の抜粋です。

このファクトリ入力を検証する必要がありますが、チュートリアルを見ているときに必要だったのは、内部に「必須」と書く<input>ことだけでした。それだけでしたが<form>、すべての入力がこのフォーム内にあり、この html には<form>入れてみるとデザインがひどすぎて作業できませんでした。

私の TS ファイルでは、次のselectedValsObjようにオブジェクトのプロパティを動的に作成しています。

私の HTML では[ngModel]、入力をオブジェクトのプロパティにバインドしたいと考えていselectValsObjます。私はこれを試しましたが、運がありませんでした：

ngModelHTML の を TS ファイルで動的に作成されたプロパティに設定するにはどうすればよいですか?

ngFor によって繰り返される複数のフォームにまたがる入力に ngModel を使用するにはどうすればよいですか?

そうしようとするとAngular2でエラーが発生します。

問題のあるコードのブロック例:

これがプランカーです https://plnkr.co/edit/YNZiCBeyqJoxO5ox5nlC?p=preview

フォームタグを削除すると、すべて問題なく実行されますが、すべての入力でエンターキーを使用して、対応するデータを独自のフォームで更新できるようにする必要があります。

奇妙な問題があります。

私のhtmlページには、次のコードがあります。

IsActive を true に設定したものと false に設定したものがあります。チェックボックスは、role.IsActive プロパティに基づいてチェックする必要があります。しかし、何らかの理由で、モデルのロード時にすべてのチェックボックスが (オフ) チェックされます。なぜこうなった？

編集:これをさらに見てみると、すべてのチェックボックスの状態は、配列の最後の要素に依存しています。したがって、最後のロールがチェックされている場合、すべてのチェックボックスがチェックされます。

EDIT 2:問題の原因となるフォームタグを追加しました。

for ループで動的に作成される Angular2 フォームがあります。この質問では、フォームのラジオ ボタンに関心があります。フォームは HTML で作成され、TS から各入力の ngModel を空のオブジェクトに割り当てます。ラジオボタンが選択されるまで、フォームの送信ボタンを無効にしたい:

クライアントがラジオボタンを選択していない場合でも、フォームはそれが有効であると考えています。これはngModel、ラジオ入力が = to に設定されているためだと思います{}。

この同じ設定を維持するにはどうすればよいですか (コンポーネントのフロントエンドとバックエンドに深く根付いているため)、ngModel=の場合にフォームを無効にするにはどうすればよいですか?{}

So I've been playing around with Angular 2 for a while now. Using the [(ngModel)] directive in an <input> is pretty simply. Yet I can't figure out how to pass or at least get the previous value so I can compare both - the new and old one.

I'm getting the change detection through (ngModelChange) since (change) fired up after bluring out of the input field (seems to be a bug btw). So my code currently looks like this ($event could be seen as a placeholder, since I've no idea what to pass in).

I've also tried passing in a custom local template variable like so, which obviously didn't work as well:

I know, there's at least a possibility to achieve this by using DoCheck. But since I just need that for a single time (currently) I really don't want to use that method. On top of that I'm using the above construct inside of an *ngFor.