Javascript 角度材质选项卡内部选项卡问题

Javascript 角度材质选项卡内部选项卡问题,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,当我使用md tabs将一个选项卡放在另一个选项卡中,并尝试在md align tabs属性的上部选项卡上进行更改时,它也会反映在内部选项卡中 我怎样才能阻止这种事情发生 制表符{checkBottom+1} 标签到底部 制表符{checksXy+1} 标签到底部 它看起来像是棱角材料中的某种缺陷。 但是试着加上 md-tabs[md-align-tabs="top"] > md-tabs-wrapper{ bottom: initial; left: initial;

当我使用md tabs将一个选项卡放在另一个选项卡中,并尝试在md align tabs属性的上部选项卡上进行更改时,它也会反映在内部选项卡中

我怎样才能阻止这种事情发生


制表符{checkBottom+1}
标签到底部
制表符{checksXy+1}
标签到底部

它看起来像是棱角材料中的某种缺陷。 但是试着加上

md-tabs[md-align-tabs="top"] > md-tabs-wrapper{
    bottom: initial;
    left: initial;
    right: initial;
    position: initial;
    height: initial;
    z-index: initial;
}
对于您的CSS文件,我认为这将有所帮助


下面是codepen中的示例:

将您的代码发布到此处。它现在位于同一位置,但正在隐藏。当我试图从Angle material demo在codepen中复制它时,该解决方案解决了这个问题。但也许你还有其他的虫子。如果你用某种代码笔、jsfiddle或plunker来重新创建问题,这将更容易得到帮助。你能给我提供演示的链接吗?它对我编辑的答案非常有用,现在它包含了代码笔。您可以操作
md align tabs
属性,它将不再影响内部选项卡,就像没有修复一样。它工作正常:)这是一种解决方案,但我使用的是全视图,因此我使用布局填充而不是动态高度属性。。因为它不起作用,但也非常感谢