Angular 2材质MdExpansionModule - 延迟加载内容

时间:2018-03-01 05:46:58

标签: angular angular-material

我正在使用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循环中创建的。

1 个答案:

答案 0 :(得分:0)

我有理由相信MdExpansionPanelContent指令从未在v5之前实现为MatExpansionPanelContent。