Angular PrimeNg：使用@ViewChild 未检测到 p 表答案

【问题标题】：Angular PrimeNg: p-table not detected using @ViewChildAngular PrimeNg：使用@ViewChild 未检测到 p 表
【发布时间】：2019-09-26 23:37:17
【问题描述】：

这是我的相关代码：

import { DataTable } from 'primeng/primeng';

@Component({
    moduleId: module.id,
    templateUrl: 'search.component.html'
})
export class SearchComponent {
    @ViewChild(DataTable)
    private dataTable: DataTable;

    ngAfterViewInit () {
        if (this.dataTable) {
            console.log("detected");
        }
        else {
            console.log("not detected");
        }
    }
}

我正在尝试拿起我的p-table 组件。

关于未检测到p-table 的原因有什么想法吗？

显然，p-table 指令存在于模板中。

【问题讨论】：

标签： angular typescript primeng

【解决方案1】：

如果您使用的是p-table，则应该是

   @ViewChild(Table) private dataTable: Table;

Table 而不是DataTable

【讨论】：

请注意，如果表不是静态的（在任何时候都不存在并且仅在某些已知情况下存在），您应该在 ViewChild 装饰器中提及它（或者您将拥有您的 @987654325 @empty)，像这样：@ViewChild(Table, { static: false }) private dataTable: Table;