【发布时间】:2018-03-01 05:46:58
【问题描述】:
我正在使用 MdExpansionModule 的角度材料,我喜欢在用户展开手风琴菜单时加载内容。 mat-expansion-panel 有一篇关于惰性渲染的文档:
https://material.angular.io/components/expansion/overview
例子:
<mat-expansion-panel>
<mat-expansion-panel-header>
This is the expansion title
</mat-expansion-panel-header>
<ng-template **matExpansionPanelContent**>
Some deferred content
</ng-template>
</mat-expansion-panel>
我使用的是旧版本的md,这是我尝试过的代码:
<md-accordion class="">
<md-expansion-panel *ngFor="data">
<md-expansion-panel-header>
<md-panel-title>
title
</md-panel-title>
<md-panel-description>
desc
</md-panel-description>
</md-expansion-panel-header>
<ng-template **mdExpansionPanelContent**>
<other-component [data]="data"></other-component>
</ng-template>
</md-expansion-panel>
</md-accordion>
我将matExpansionPanelContent 替换为mdExpansionPanelContent,现在创建菜单时内容未加载,但展开菜单部分时未加载。
编辑:如果旧版本不支持,有没有办法手动实现。面板是在 for 循环中创建的。
【问题讨论】: