如何使用清晰度设计在选项卡内创建选项卡

Question

之前我使用TabLink提供了清晰度角度的组件来创建标签。现在，在我升级到@clr/angular后，我无法使用TabLink，因此我无法在标签内创建标签。我该怎么办？

Answer 1

这应该可行，我只是为简单标签示例复制了我们的示例代码in the docs，并将其嵌套在标签2中。有关功能代码，请参阅此stackblitz。

        <clr-tabs>
          <clr-tab>
              <button clrTabLink id="link1">Tab1</button>
              <clr-tab-content id="content1" *clrIfActive>
              tab 1
              </clr-tab-content>
          </clr-tab>
          <clr-tab>
              <button clrTabLink>Tab2</button>
              <clr-tab-content *clrIfActive="true">
              tab2
                <clr-tabs>
                  <clr-tab>
                      <button clrTabLink id="link1">Tab1</button>
                      <clr-tab-content id="content1" *clrIfActive>
                      tab 2.1
                      </clr-tab-content>
                  </clr-tab>
                  <clr-tab>
                      <button clrTabLink>Tab2</button>
                      <clr-tab-content *clrIfActive="true">
                      tab 2.2
                      </clr-tab-content>
                  </clr-tab>
              </clr-tabs>
              </clr-tab-content>
          </clr-tab>
      </clr-tabs>