【问题标题】:Angular 2 material MdExpansionModule - Lazy load contentAngular 2 材质 MdExpansionModule - 延迟加载内容
【发布时间】: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 循环中创建的。

【问题讨论】:

    标签: angular angular-material


    【解决方案1】:

    我有理由确定在 v5 之前从未将 MdExpansionPanelContent 指令实现为 MatExpansionPanelContent。

    【讨论】:

      猜你喜欢
      • 2023-04-11
      • 1970-01-01
      • 2016-05-23
      • 1970-01-01
      • 2018-06-07
      • 1970-01-01
      • 1970-01-01
      • 2017-02-22
      • 2021-01-29
      相关资源
      最近更新 更多