問題タブ [angular2-forms]

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

angular - モデル駆動型フォームで送信した後にフォームをクリアするには? (角度 2)

モデル駆動型フォームで送信した後、フォームをクリアするにはどうすればよいですか? 使用する必要がありますngModelか? ありがとう

.

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

angular - Angular2 編集および更新ビュー

CRUDアプリをやろうとしています。私のコンポーネントコードは

私のHTMLコンテンツは

makeEditable(employee,index)単一行の値とインデックス値を含む関数があります。私がやったdata.isEditable = true;場合this.employees[index].isEditable = true、出力は

ここをクリックして出力イメージを表示

すべての記録が変更されている理由。概念に従って、1 つのレコードのみを正しく変更する必要があります。解決策を教えてください

0 投票する
6 に答える
71563 参照

angular - Angular2 更新フォーム コントロール値

コントロールと選択ボックスを使用して動的な angular2 フォームを作成する際に問題があります。たとえば、このplunkerです。

ヒーローパワーを選択でき、コントロールは同じ値になります。ただし、 を押すChange Powersと、選択した値は null になりますが、コントロール値は古い値のままです。これは重大な問題だと思います。フォームが 1 つのことを示しているときに多くのバグの原因であると思いますが、実際には別のものを送信します。コントロールのコンテンツを更新する方法はありますか? ありupdateValue()ますが、これらすべての場合に手動で値を設定する必要があります。

フォームの作成後に選択ボックスのオプションを更新すると、選択されたボックスに選択された値が表示されますが、コントロールの値は null になります。これを処理する方法についてのアイデアはありますか?

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

angularjs - Angular 2 Select Component セットの初期選択

ngModel を使用して Angular 2 で選択コンポーネント ラッパーを作成しようとしています。選択が変更されるとイベントはすべて正しく発生しますが、レンダリング時に最初の選択を設定できません。

これは私のコンポーネントです:

そして、私は次のようなビューでそれを使用しています:

init で親コンポーネントの値を設定するitemToSelectと、UI で選択したオプションの値が設定されません。

イベントも使用しようとしましngModelChangeたが、変更イベントが発生しません。

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

twitter-bootstrap - カスタム入力フォーム要素に angular2 フォーム ディレクティブを適用する

InputCustomカスタムコンポーネントを作成し、それを使用してモデル駆動型フォームを作成したいと考えています。

私のカスタム コンポーネントは、入力フィールドをラップしBootstrap material design、look'n'feel に使用するだけです。

Angular2でモデル駆動型フォームを作成する場合

Controlsフォーム要素に存在するすべてが に登録されControlGroupます。formRefを使用すると、コントローラー内のフィールド値を追跡できます。

今、私は人々に私のコンポーネントをこのように使ってもらいたい

Q1: 独自のカスタムngControlディレクティブを作成する必要がありますか?

Q2:でラップされngControlた内部要素に伝播する方法は?<input><inputCustom>

ControlQ3:周囲のフォームに登録するにはどうすればよいControlGroupですか?

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

typescript - Angular2 の ngFor を使用した ngControl

Q1. 1つのコントロールを持つことは可能ですか:

テンプレート内の同様のタイプのinputフィールドをすべて検証するには?

Q2. これらのフィールドは によって生成できますngForか?


FailedMethod 1:検証は機能しますが、値が結合されています。

失敗した方法 2: formBuilder の場合は上記と同じです。


客観的な説明:

  • ngFor で生成され、同様の検証が必要なフォーム フィールドを検証しようとしています。

  • 同様のコントロールを別の場所で繰り返し定義する必要はありません。

  • #form="ngForm"またはのような他の方法で抽出できる値、必要なのngModelngControl検証だけです。

0 投票する
5 に答える
34087 参照

angular - angular2ベータ6でラジオボタンにバインドする方法

ベータ 6 でラジオ ボタンのバインドを実現するにはどうすればよいですか?

ベータ 0 用の優れた plnkr を見つけました ( http://plnkr.co/edit/aggee6An1iHfwsqGoE3q?p=previewを参照) が、ベータ 6 に更新しようとするとひどく壊れます ( http://plnkr.co/を参照)。 edit/voU933?p=preview )。

無線オプションの組み込みサポートを追加したコミットを確認しました ( https://github.com/angular/angular/commit/e725542を参照)。

しかし、それを機能させるための私の試みは、これまでのところ、私の失敗したplnkrとまったく同じように終わっています.