Angularjs 在角材质设计中,是否可以在选项卡中包含选项卡 步骤1) 制表符中的制表符 一些选项卡数据

Angularjs 在角材质设计中,是否可以在选项卡中包含选项卡 步骤1) 制表符中的制表符 一些选项卡数据,angularjs,angular-material,Angularjs,Angular Material,是否可以在选项卡中创建选项卡?上面最简单的示例(请原谅嵌套)实际上不起作用,“子选项卡”无法正确呈现。标签不起作用,内容也不显示。简短回答-是 我也有同样的问题,并且在工作中没有任何问题: 选项卡演示 顶级1内容 Top1 Sub1内容 Top1 Sub2内容 Top1 Sub3内容 顶级2内容 顶级3内容 Top3 Sub1内容 Top3 Sub2内容 Top3 Sub3内容 /** *您必须包含对“ngMaterial”的依赖关系 */ 角度模块('BlankApp',['ngMater

是否可以在选项卡中创建选项卡?上面最简单的示例(请原谅嵌套)实际上不起作用,“子选项卡”无法正确呈现。标签不起作用,内容也不显示。

简短回答-是

我也有同样的问题,并且在工作中没有任何问题:


选项卡演示
顶级1内容
Top1 Sub1内容
Top1 Sub2内容
Top1 Sub3内容
顶级2内容
顶级3内容
Top3 Sub1内容
Top3 Sub2内容
Top3 Sub3内容
/**
*您必须包含对“ngMaterial”的依赖关系
*/
角度模块('BlankApp',['ngMaterial']);

请注意,嵌套选项卡在材料设计中不受明确支持。请参阅的最后一个示例或github讨论:


你应该考虑另一种方法! 这可能只是CSS问题,因为指令应该正常工作。子md选项卡从父级继承属性,而且“某些选项卡数据”在dom中不存在,因此应该不仅仅是CSS问题。@DanielLobo这是一个错误的语句。您可以将带有子选项卡的选项卡嵌套在选项卡式布局的任何位置。我已经更新了上面的代码片段,以显示第一个和最后一个顶级项中出现的嵌套选项卡-D
<md-tabs class="md-primary">
  <md-tab label="1">
    <md-tab-label>Step 1)</md-tab-label>
    <md-tab-body>
      <md-tabs>
        <md-tab label="1sub">
          <md-tab-label>Tab within tab</md-tab-label>
          <md-tab-body>
            Some tab data
          </md-tab-body>
        </md-tab>
      </md-tabs>
    </md-tab-body>
  </md-tab>
</md-tabs>