Question

我正在使用bg boostrap模式。

我有一个按钮，可以访问仅在视图中定义的content对象

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

open方法在组件中定义，但content对象仅存在于模板中。

如何从我的组件中调用this.open(accessContentHere)？

Answer 1

您可以使用ViewChild装饰器。在您的组件中，导入ViewChild，然后将template local variable的名称设置为参数：

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

...

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

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

    open(myContent) { //...}

    ...

}

在组件中访问模板中声明的变量

1 个答案: