/Javascript/AngularJS/Reload a child component in angular

Reload a child component in angular

import { Component, Input, OnChanges } from "@angular/core";

@Component({
  selector: "child-component",
  templateUrl: "./child-component.html"
})
export class MyComponent implements OnChanges {
  @Input() someInput: string;

  constructor() {}

  ngOnChanges() {
  /**********THIS FUNCTION WILL TRIGGER WHEN PARENT COMPONENT UPDATES 'someInput'**************/
  //Write your code here
   console.log(this.someInput);
  }   
 
}

Source: stackoverflow.com

Reload a child component in angular

<child-component [someInput]="inputValue"></child-component>

Source: stackoverflow.com

Similar codes

17 votes120 views3 answers
Angular pipe for 2 decimal places
Javascript AngularJS
1 vote132 views1 answer
Angular lazy loading images
Javascript AngularJS
0 vote102 views1 answer
Calling angular component method in service
Javascript AngularJS
6 votes97 views2 answers
Angular dynamic class
Javascript AngularJS
3 votes105 views1 answer
Ternary operator in angular
Javascript AngularJS
9 votes166 views3 answers
Onclick event in angular
Javascript AngularJS
3 votes107 views1 answer
Send event to child component angular
Javascript AngularJS
1 vote109 views2 answers
Apache angular routing
Javascript AngularJS
33 votes230 views6 answers
Angular add bootstrap
Javascript AngularJS
1 vote105 views1 answer
File input change event not firing angular
Javascript AngularJS