How to reset data and view of child input on click of parent's button click?

Question

In our Angular 4 app, we\'ve a

• which has a
• The has &l

Answer 1

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

initializeProduct(): IProduct {
    // Return an initialized object
    return {
        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