/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

4 votes209 views2 answers
@angular/fire has missing dependencies
Javascript AngularJS
1 vote196 views1 answer
Angular elementref
Javascript AngularJS
0 vote199 views4 answers
Progress bar loader angular
Javascript AngularJS
0 vote193 views1 answer
How to angular html ts function
Javascript AngularJS
0 vote175 views1 answer
Angular hash sign in url
Javascript AngularJS
0 vote204 views1 answer
Angular automatic typewriter animation
Javascript AngularJS
0 vote176 views1 answer
Angular loop through key values in map
Javascript AngularJS
0 vote202 views1 answer
Angular blockly
Javascript AngularJS
2 votes162 views1 answer
Disable formcontrol angular
Javascript AngularJS
0 vote186 views1 answer
My drop down link won't work with bootstrap angular
Javascript AngularJS