угловая форма 4 управляемая шаблоном-метка от одного поля secondone как коснулось

У меня есть два поля 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>

Я хочу отметить одно из этих полей из secondone как тронутое, это возможно? я попытался использовать (ngModelChange)= " фамилия.контроль.markAsTouched (true) " по имени пометить фамилию как тронутую, но это не работает

1 2
angular4-forms

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>

Демонстрационный Плунжер

3