角度入力 - カスタム入力：form.reset（）が動作していない状態でリセットされました

Question

フォームにカスタム入力をリセットすることに関する質問があります。

私の入力内容の接触したプロパティに検証メッセージをバインドしました。 デフォルトでは、form.reset（）は、カスタム入力時にタッチされた状態をfalseに戻し、それが転送されないようにします。

私は問題を説明するためにplunkr https://plnkr.co/edit/ZyELDDFf3rxQRipHlWnb?p=previewを追加しました。両方のコントロールをタッチして放置すると、両方がタッチされます：true、その後のリセット。 このクリアリセットイベントは、タッチ状態を偽に戻してカスタム入力に転送するにはどうすればよいですか？

@Component({ 
selector: 'my-app', 
template: ` 
    <p><span class="boldspan">Form data:</span>{{demoForm.value | json}}</p> 
    <p><span class="boldspan">Model data:</span> {{dataModel}}</p> 
    <form #demoForm="ngForm"> 
     <custom-input name="someValue" [(ngModel)]="dataModel"> 
     custom input 
     </custom-input> 
     <label>native input<br> 
     <input type="text" [(ngModel)]="someOtherValue" name="someOtherValue" 
     #sOV="ngModel"></label> 
     <div>touched: {{sOV.touched}}</div> 
    </form> 
    <br> 
    <button (click)="demoForm.reset()">Reset Form</button>` 
}) 
export class App { 
    dataModel: string = ''; 
} 

おかげで、宜しく

Answer 1

使用

demoForm.resetForm() 

ではなく、あなたの入力のための

demoForm.reset()