@viewchild in angular :use for take any refrerence of element

30_Savaliya Denish answered on June 17, 2022 Popularity 8/10 Helpfulness 4/10

answer @viewchild in angular :use for take any refrerence of element

@viewchild in angular :use for take any refrerence of element

Comment

//html code:
<h2>Choose Brand Colors:</h2>
<color-sample
  [color]="primary"
  #primaryColorSample
  (click)="open()">
</color-sample>
  ... the rest of the AppComponent template
  //ts file:
  
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent implements  AfterViewInit {
   ....
   
  @ViewChild('primaryColorSample', {read: ElementRef})
  sample: ElementRef;

  ngAfterViewInit() {
    console.log('Values on ngAfterViewInit():');
    console.log("sample:", this.sample.nativeElement);
  }

  ....
}

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular any element javascript take

Link to this answer
Share Copy Link

Contributed on Jun 17 2022

30_Savaliya Denish

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

@viewchild in angular :use for take any refrerence of element

Contents

More Related Answers

@viewchild in angular :use for take any refrerence of element

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.