mat-tab删除选项卡主体DOM,但不隐藏它

时间:2019-01-11 06:50:47

标签: angular6 angular-material2 angular-material-6

场景:

  • 我使用的是角形材质选项卡,每个不同的选项卡都有各自的动态成分。

  • 因此,当我切换选项卡时,它会从DOM中删除内容。当我再次回到该选项卡时,它将再次加载内容。


问题:
我希望将内容更改为display:none;,而不是从DOM中删除。

1 个答案:

答案 0 :(得分:2)

到目前为止,我认为我们无法更改Tabs的默认行为。

但是,我们可以做的是,稍微改变结构以实现预期的行为。

因此,我们可以从“标签”中删除内容,并在scrapy.Selector(text=example).xpath('//*[@class="ParamText"]/span/text()').extract()[1] 外单独处理。我们将检查哪个标签处于活动状态,并相应地调整相应内容的{{logs.length}}属性。

总体而言,代码如下所示:

mat-tab-group

我还在stackblitz上创建了相同的示例。