touched/untouched not updating in custom input component

[sharpmachine]

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior
untouched/touched properties do not update, but ng-touched class is being added properly, but pristine/dirty and validators do.

Expected/desired behavior
I would expect untouched/touched to updated on blur, just like pristine/dirty and validators are.

Reproduction of the problem
https://plnkr.co/edit/O9KWzwhjvySnXd7vyo71?

Please tell us about your environment:

• Angular version: 2.0.0-rc.4
• Browser:
  Chrome 51
• Language:
  Typescript

[zoechi]

You need to call onTouched() (this._onTouchedCallback) from inside your component when you want the controls status set to touched. Same for this._onChangeCallback

For example by adding (ngModelChange)="onTouched(value)" to the <input> in my-custom-input

GitHub issues are for bug reports and feature requests.
For support questions please use other channels like the ones listed in CONTRIBUTING - Got a Question or Problem?

[sharpmachine]

Sorry @zoechi I edited the Plunker after you looked it. I added (blur)="onTouched($event)" to the input. But it still looks a bug to me because touched/untouched state is meant to update on blur. If I just click into the field and then off the field, it updated, however if I actually type something into the field, then click off, the touched/untouched state does not update.

https://plnkr.co/edit/O9KWzwhjvySnXd7vyo71

[zoechi]

This is because

<p *ngIf="control.errors.required

throws an exception and then the blur handler doesn't work anymore

If you change it to
<p *ngIf="control?.errors.required all is working as desired.

Please always check the browser console...

[sharpmachine]

I had to change it to <p *ngIf="control?.errors.required

Thanks.

[yash5862]

What if i want to check if control is touched or not in this..?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}