Zugriff in einer Komponente eine Variable, die in der Vorlage

Question

deklariert wird Ich verwende bg Boostrap Modal.

Ich habe einen Knopf, dass der Zugang zum Objekt content hat, die nur in der Ansicht

<button (click)="open(content)">Launch demo modal</button> 

die open Verfahren definiert in der Komponente definiert ist, aber das content Objekt existiert nur in der Vorlage.

Wie kann ich this.open(accessContentHere) von innerhalb meiner Komponente aufrufen?

Answer 1

Sie können den ViewChild-Dekorierer dafür verwenden. Importieren Sie in Ihrer Komponente ViewChild, und geben Sie dann als Parameter den Namen template local variable als Parameter an:

import {..., Component, OnInit, ViewChild } from '@angular/core' 

... 

export class YourComponent extends Component implements OnInit { 
    @ViewChild('content') content; 

    ngOnInit() { 
     this.open(content); 
    } 

    open(myContent) { //...} 

    ... 

}