2017-08-29 5 views
1

角度反応型を使用して、入れ子になったオブジェクトの配列のフォームを作成しています。私は、フォームをプロットすることができるよ、正常に機能しているが、1つのシナリオでは、私はUIに入力された値は現在ユーザーが角型で要素を入力し終わったときを知る方法

私が欲しいもので、特定の入力ボックスを移入することにしたいですか? 以下は私のUIです。私はプロパティの配列を持っていることがわかります。私が望むのは、ユーザーがpropertyNameを入力するときです。私は私が持っているもの

enter image description here

(それはマルチ剣道コンポーネントを選択している)配列としてあることを追加し、メッセージIDフィールドのドロップダウンを表示することができるようにしたいですか?私は角の形が既に各FormControlを提供することを観察可能に使用され、イベントは代わりのonblurのひとつひとつのキー押下でトリガなっ

var propertyNameControl: FormControl = new FormControl('', Validators.required); 

    propertyNameControl.valueChanges.forEach(
     (value: string) => { 
     console.log(value); 
     this.propertyList.push(value) 
     } 
    ); 

しかしvalueChanges以下のコードを書いているpropertyNameの変更を聞くこと

。ユーザーがアップルにプロパティ名を入力すると、(A、AP、APP ...)が私のリストに表示されます。 enter image description here

私はFormControlの入力ボックスののonblurイベントをサブスクライブすることができますどのように質問 ?基本的に私は、propertyNameControl.onFocusOut.forEach()のようなものを探しています

+1

は 'onblur'イベントは、コントロールがぼやけているとき、それが発射され、' touched'イベント以外の何ものでもありません。 –

+0

はい@RahulSingh。私はFormControlがそのイベントにフックするようにしたい – Umamaheswaran

+0

@gunterは見ている価値のある答えをくれた –

答えて

1

コントロールがblurに代わりのchangeに更新するためにこのオプションを設定することができそうです:

const control = new FormControl('', {validators: Validators.required, updateOn: 'blur'}); 

や鋳型のために駆動形態

<form [ngFormOptions]="{updateOn: 'blur'}"> 

または個々の入力要素

私だけを見、これが唯一の5角のようだ(https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta4-2017-08-16https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta3-2017-08-09

+0

私は角度4のようなものを持っていればいいと思っています:( – Umamaheswaran

+0

あなたがあなたがマイグレーションできるまで角度5。 –

関連する問題