How To Reset Data And View Of Child Input On Click Of Parent's Button Click?

In our Angular 4 app, we've a which has a

The has The has The

Solution 1:

To initialize a form with "empty" data, I do something like this:

initializeProduct():IProduct {
    //Returnaninitializedobjectreturn {
        id:0,
        productName:null,
        productCode:null,
        tags: [''],
        releaseDate:null,
        price:null,
        description:null,
        starRating:null,
        imageUrl:null
    };
}

And then bind to the initialized product.

You can find a complete example here: https://github.com/DeborahK/Angular2-ReactiveForms (specifically the APM folder).

This code is for my "Angular Reactive Forms" course on Pluralsight if you want to see more details on how it was built: https://app.pluralsight.com/library/courses/angular-2-reactive-forms/table-of-contents