入力を角型の反作用のようにするには

Question

要素を作成するときに反応します<input value={this.valFromStore} />入力はストアが変更されるまでロックされます。私が入力をする角度4では、一致するような振る舞いをすることができません。 <input [ngModel]="valFromStore" />これを入力すると、入力の値が変更されます。私がsetterのないゲッターとしてvalFromStoreを設定したとしても。

私の入力をストアに結びつける方法はありますか（ngModel）私は単にストアを更新して、私が反応するように変更をカスケードすることができますか？

更新：明確にするための例を追加してください。反応では、testingの値がetnのような入力に表示されるように、私の入力が他のすべてのキー入力をドロップすることを期待しています。実際には_currentValueをストアから読み込んだ@inputに、handleChangeをthis.store.dispatch（newValAction）のように呼び出すようにします。

import { Component, OnInit, Input, SimpleChanges } from '@angular/core'; 

@Component({ 
    selector: 'field-type-text', 
    templateUrl: './field-type-text.component.html', 
    styleUrls: ['./field-type-text.component.css'] 
}) 
export class FieldTypeTextComponent implements OnInit { 
    _currentValue: any; 

    constructor() { } 

    private counter = 0; 
    handleChange(e) { 
    if (this.counter++ % 2) this._currentValue += e[e.length - 1] 
    } 

    ngOnInit() { 

    } 

} 

HTML

<input type="text" [ngModel]="_currentVal" (ngModelChange)="handleChange($event)" />

Answer 1

私は、あなたが探していることは、入力とイベント発光するngModelの分割使用することであると考えている。この場合

<input [ngModel]="valFromStore" (ngModelChange)="callStoreChange($event)"> 

'valFromStore'外部ストアが変更されたときに更新するように既に設定されているローカル変数valFromStoreであり、callStoreChanges($event)はストアを変更します。

valFromStoreが@Input valueFromStoreの場合は、OnChangesとSimpleChangesを実装する必要があります。 Observableの値であれば、すでにプッシュで更新するように設定されている可能性があります。

サイドノート：プロダクションAOTが構築された場合は、ストアコンポーネントの変更をテンプレートではなくローカルコンポーネントから呼び出すことを忘れないでください。