javascript - Angular Js 工具栏问题

Question

我有一个使用 Angular Material 的工具栏指令，我在指令的末尾使用了一个嵌入，我希望嵌入的元素出现在横幅的右端。但是无论我做什么，它都行不通，它是在指令的元素之后出现的？

模板代码如下。

<md-toolbar>
      <div class="md-toolbar-tools">

                <h2>
                        <a  ui-sref="#">Test - <span ng-bind="header.title"></span></a>    
                </h2>
          <span flex="5"></span>    
          <div ng-transclude></div>
      </div>
    </md-toolbar>

请找例子here .我想将 Test123 移动到工具栏的最右端。请帮助我

Answer 1

尝试将此作为您的 banner.html:

<md-toolbar>
  <div class="md-toolbar-tools">

            <h2>
                    <a  ui-sref="#">Test - <span ng-bind="header.title"></span></a>    
            </h2>
      <span flex="5"></span>    
      <div ng-transclude style="position:absolute;right:0;top:16"></div>
  </div>
</md-toolbar>

不确定这是否是您正在寻找的，但它确实满足了您的要求。