Search code examples
angulartypescriptngx-bootstrap

How to access TemplateRef on the component of Angular?


Component TS

ngOnInit() {
    if(somecondition)
        // This is the line of code that wont work
        this.openModal(#tempName);
}

Component HTML

<ng-template #tempName>
    I got some content here
</ng-template>

this.openModal(#tempName) -> How do i get access to the ngTemplate tempName here?


Solution

  • Flyn you put in your code

    @ViewChild('tempName') mymodal: ElementRef;
    //You can NOT use this.mymodal at ngInit, the early time you can use is in ngAfterViewInit
    ngAfterViewInit()
    {
     if (somecondition)
       this.openModal(mymodal);
    }