Google Material Expansion Panel

Question

我想创建一个像in the demo一样的扩展面板。我没有看到这个api在哪里。它是如何被调用的？

Answer 1

角质材料网站上的sidenav内置了一个：https://material.angularjs.org/。它不是作为单独的组件提供的，但源是存在的。

此外，这是某个时间点的计划功能，但最近被标记为已弃用：https://github.com/angular/material/issues/985。

Answer 2

您可以使用Google的AngularDart组件创建扩展面板。演示文档和文档是从github链接的。

这是excerpt from the API docs：

  

材质风格的扩展面板。

     

一个或多个面板在扩展面板集中组合在一起。当一个＆gt;单击面板，面板内容展开。一个小组   由名称，值，可选的辅助文本和展开的文本组成   小组内容。

     

具有属性值的内容元素将用作＆＃34;值＆＃34;的   面板内容处于折叠状态时

     

与面板的交互是通过父扩展集完成的。   该集合考虑了集合中其他面板的状态，   并在每个小组上发布适当的行动。

     

TODO（谷歌）：键盘/辅助功能输入

     

使用示例：

<material-expansionpanel (save)="doSave()">
  <my-component></my-component>
</material-expansionpanel>

<material-expansionpanel wide>
  <div value class="valueClass">
    Fancily formatted value of my panel's contents
  </div>
  <my-component></my-component>
</material-expansionpanel>