angular-components

The Problem: I want be able to call a function each time a property in the object the child component is bound to changes. However, the setter is only called once, even though the bound input property can visibly be seen updating. This all came to be from the need to have a child component bind to its parent components property that happens to be a complex object with deeply nested properties. I've learned that the Angular onChange event does not fire when a nested property in an object changes. Hence the decision to use getters/setters instead. However, as seen by this question using getters

How can I reload the same component again in Angular 2? Here is my code below: import { Component, OnInit, ElementRef, Renderer } from '@angular/core'; import { Router, ActivatedRoute, Params } from '@angular/router'; import { productModel } from '../_models/index'; import { categoryListService } from '../_services/index'; @Component({ selector: 'app-product', templateUrl: 'product.component.html', styleUrls: ['product.component.css'] }) export class productComponent implements OnInit { uidproduct: productModel; param: number; constructor( private elementRef: ElementRef, private route:

I have created a function in one of my component file that resets the form(myform): `onSubmit() { if (this.myform.valid) { console.log("Form Submitted!"); this.myform.reset(); } }` It works perfectly fine resetting the whole form, but is it possible to just reset some of the elements and keeping other the same way. try this: this.myform.controls['comments'].reset() try this one: clearForm() { this.myForm.get('comments').reset(); this.myForm.get('name').reset(); } and call this function where you submit form. Yes you can access the controls using tnis.myform.controls get the control and call

i'm trying to build a structural directive that will change the parent DOM structure either invoked by using its selector (static) or by calling its public method(dynamic). Using the directive selector in a html template works fine without any issues. I'm trying to figure out if we an achieve the same without using it in template and by calling the directive method. my-directive.ts @Directive({ selector: '[sampleDirective]' }) export class SampleDirective { ... constructor(..) { this.customDirective(); } } customDirective() { console.log('Inside customDirective()'); } my-component.ts import {