【问题标题】:Set mat expansion panel to page top when clicked from one of many panel list从多个面板列表之一单击时,将垫子扩展面板设置为页面顶部
【发布时间】:2020-11-02 09:43:51
【问题描述】:

我有一个场景,我通过 ngFor 循环动态渲染面板,在垫板扩展时使用动态垫子内容,垫子内容通过 API 响应异步映射,我一次只能显示一个面板扩展,附件是我的问题视频和 StackBlitz 代码。对不起,我不知道如何解释我的问题,所以我发布了我的问题的视频。下面附上代码sn-p

https://www.screencast.com/t/G9IHGF9R - 正如您所看到的,当我尝试打开任何面板时,另一个面板已经打开,我的面板内容与面板标题一起被隐藏。

https://stackblitz.com/edit/angular-cyvcxp?file=src%2Fapp%2Fexpansion-expand-collapse-all-example.ts

其实所有面板的mat内容都是用一个变量值来驱动的

我想要实现的是,当我展开我的面板时,它不应该被隐藏,而是被点击的面板应该在同一个地方打开或在页面顶部打开。

任何帮助将不胜感激。

谢谢。

【问题讨论】:

    标签: angular typescript angular-material


    【解决方案1】:

    您似乎要打开多个面板。

    试试这个 [multi]="true">

    【讨论】:

    • 不,我想一次只打开一个面板,让我再重写我的问题。
    • 我已经更新了 StackBlitz,实际上,Mat-content 是从 API 响应中的同一个变量驱动到所有面板的。当我展开下一个面板时,我当前点击的面板标题被隐藏了。
    • 它的行为似乎应该如此。在展开下一个面板时,当前单击的面板标题保持不变并且可见(不隐藏)。无法理解您要在此处指出的内容。跨度>
    猜你喜欢
    • 1970-01-01
    • 2021-05-03
    • 2019-01-12
    • 2019-12-01
    • 1970-01-01
    • 2021-06-13
    • 2018-07-23
    • 2021-02-04
    • 2020-08-28
    相关资源
    最近更新 更多