subscribe for value changes on ng-model

If I have an input:

<form #todo="form">
    <input type="text" ng-control="desc" [(ng-model)]="model.desc">
</form>

And I would like to subscribe to any changes to the model.desc, how would one do it?

If I’d be using the form builder, I’d be doing the following:

that.form = fb.group({
    desc: ['', Validators.required]
});
that.desc = that.form.controls.desc;

ObservableWrapper.subscribe(that.desc.valueChanges, function (value) {
    // do something here
})

And of course the markup would be a bit different as well:

<form #todo="form" [ng-form-model]="form">
    <input type="text" ng-control="desc">
</form>

But using the form builder and that.form.controls.desc makes the TS compiler complain that the desc property does not exist on a control.

[awerlang]

Create a directive which has an Observable input. Attach this directive to your form and pass todo.form.valueChanges to it.

[angular-automatic-lock-bot[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.}