Javascript 角度材质-md工具栏内的md选项卡。md工具栏中其他元素旁边的md选项卡

我希望在md工具栏中有mf选项卡，并使用中Sithdown提供的解决方案

它对我来说很好，但我的问题是我需要在md工具栏中的其他元素旁边有md选项卡，但现在，md选项卡总是在其他元素的下面，就像这样：

图像示例：

我的代码：

<md-toolbar>
     <span>saddsa</span>
     <md-tabs md-selected="selectedIndex" style="padding-top: 16px;">
        <md-tab ng-repeat="tab in tabs track by $index" id="tab{$index + 1}" aria-controls="tab{$index + 1}-content">
            {{tab.title}}
        </md-tab>
    </md-tabs>
</md-toolbar>

<md-tabs md-dynamic-height md-selected="selectedIndex" style="display: none">
    <md-tab ng-repeat="tab in tabs track by $index" label="tab.title">
        {{tab.content}}
    </md-tab>
</md-tabs>

萨德萨
{{tab.title}}
{{tab.content}

我在Plunker上的代码：

删除css中的这些行

---

删除css中的这些行检查一下，angular-material2 github有一些演示应用程序示例。这将在工具栏中创建选项卡。

基本上，我们需要在

中使用

md选项卡导航栏

属性。我也有类似的情况，我一直在寻找答案。我已经更新了他们的代码，包括

md工具栏

。以下是我的例子：

`<div class="demo-nav-bar">
  <md-toolbar color="accent">
      <nav md-tab-nav-bar aria-label="weather navigation links">
    <a md-tab-link>
      tab1
    </a>
    <a md-tab-link>
      tab2
    </a>
  </nav>
  </md-toolbar>
</div>
`

---

看看这个，angular-material2 github有一些演示应用程序示例。这将在工具栏中创建选项卡。

基本上，我们需要在

中使用

md选项卡导航栏

属性。我也有类似的情况，我一直在寻找答案。我已经更新了他们的代码，包括

md工具栏

。以下是我的例子：

`<div class="demo-nav-bar">
  <md-toolbar color="accent">
      <nav md-tab-nav-bar aria-label="weather navigation links">
    <a md-tab-link>
      tab1
    </a>
    <a md-tab-link>
      tab2
    </a>
  </nav>
  </md-toolbar>
</div>
`

---

我已经更新了我的答案…这是我的第一个答案。谢谢你提供的信息。现在看起来好多了，谢谢。（顺便说一句，这不是我的否决票，我缺乏对此投票的领域知识。）是否有理由否决？我只是碰巧有一个带有标签的工具栏。你发布的链接已经死了。更新了链接。我已经更新了我的答案…这是我的第一个答案。谢谢你提供的信息。现在看起来好多了，谢谢。（顺便说一句，这不是我的否决票，我缺乏对此投票的领域知识。）是否有理由否决？我只是碰巧有一个带有标签的工具栏。你发布的链接已经失效。更新了链接。

`.demo-nav-bar {
  border: 1px solid #e0e0e0;
  margin-bottom: 40px;

}
`