角4模板驅動的形式 - 從一個字段secondone作爲標記觸摸

Question

我有兩個字段 f.e.

<form #f="ngForm" novalidate (ngSubmit)="save(f.value, f.valid)"> 
<div> 
    <label>Name</label> 
    <input type="text" name="name" [(ngModel)]="user.name" #name="ngModel" required minlength="5"> 
    <label>Street</label> 
    <input type="text" name="street" [(ngModel)]="user.surname" #surname="ngModel" required> 
</div> 
<button type="submit">Submit</button></form> 

我想標記其中一個領域從第二個被觸摸，有可能嗎？ 我試圖用（ngModelChange）=「surname.control.markAsTouched（真）」的名稱作爲觸摸標記的姓，但它不工作

Answer 1

(ngModelChange)將工作當您更改第一個輸入值，你可以使用(blur)來標記第一個被觸摸的第二個。

<input type="text" name="name" [(ngModel)]="user.name" #name="ngModel" 
    (ngModelChange)="surname.control.markAsTouched()" required minlength="5"> 
<input type="text" name="street" [(ngModel)]="user.surname" #surname="ngModel" required> 
{{surname.touched | json}} 
<button type="submit">Submit</button> 

Demo Plunker