angular – MdTable内部组件

发布时间：2020-12-17 16:59:34 所属栏目：安全来源：网络整理

导读：如何使用 md-table创建角度组件？在里面并传递 md-table内容元素(例如 md-header-row, md-header-cell等)？我尝试用 ng-container * ngTemplateOutlet =“...”来做或者与 ng-content和 md-table抛出错误,因为它找不到元素. Plunker Code Example 谢谢解决

如何使用< md-table>创建角度组件？在里面并传递< md-table>内容元素(例如< md-header-row>,< md-header-cell>等)？

我尝试用< ng-container * ngTemplateOutlet =“...”>来做或者与< ng-content>和< md-table>抛出错误,因为它找不到元素.

Plunker Code Example

谢谢

解决方法

您可以尝试使用ng-content：

<myComponentWithDataTable>
    <md-header-row></md-header-row>
</myComponentWithDataTable>

在您的组件中：

<md-table>
    <ng-content></ng-content>
</md-table>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!