/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

0 vote186 views1 answer
How to decrease the size of js files build from angular
Javascript AngularJS
2 votes184 views2 answers
Angular pipe conditionally
Javascript AngularJS
0 vote230 views2 answers
Convert text to qr code in angular
Javascript AngularJS
0 vote176 views1 answer
Angular animation scale width and height
Javascript AngularJS
9 votes185 views1 answer
Angular ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.
Javascript AngularJS
0 vote175 views1 answer
Animate change of class angular
Javascript AngularJS
1 vote186 views1 answer
Saturn range in angular display end date
Javascript AngularJS
0 vote226 views1 answer
Angular 12 tabs
Javascript AngularJS
2 votes259 views1 answer
Gitignore for angular
Javascript AngularJS
0 vote191 views1 answer
Angular material slide effect button click
Javascript AngularJS