Google Material Expansion面板

Question

我想创建一个像in the demo这样的扩展面板。我不知道它的api在哪里。它是如何调用的？

Answer 1

在angular material站点上的sidenav中内置了一个：https://material.angularjs.org/。它不是作为单独的组件提供的，但源代码就在那里。

此外，这曾经是一个计划中的特性，但最近被标记为不推荐使用：https://github.com/angular/material/issues/985。

Answer 2

您可以使用谷歌的AngularDart组件创建一个扩展面板。演示和文档是通过其github链接的。

这是一个excerpt from the API docs

一种材质样式的扩展面板。

一个或多个面板被组合在一个扩展面板集中。当单击>面板时，面板内容展开。面板由名称、值、可选的辅助文本和展开的面板内容组成。

具有属性值的内容元素在处于折叠状态时将用作面板内容的“值

与面板的交互是通过父扩展集完成的。该集合会考虑集合中其他面板的状态，并向每个单独的面板发出相应的操作。

TODO(google)：键盘/辅助功能输入

示例用法：

)=“doSave()”>面板内容的奇妙格式化的值