<md-sidenav> 使用材质时如何将工具提示放在右侧？答案

【问题标题】：How to put tool tip on the right when using <md-sidenav> using material?<md-sidenav> 使用材质时如何将工具提示放在右侧？
【发布时间】：2015-05-28 16:28:18
【问题描述】：

我在我的 Angular 应用程序中使用侧边导航，我在侧边导航中使用带有工具提示的按钮。但它显示在图标的底部，我需要它在右侧。我没有看到任何附加的 CSS。

这是代码和plnkr：

<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$media('gt-sm')">
          <md-list class="muppet-list">
            <md-item ng-repeat="it in muppets">
              <md-item-content>
                <md-button ng-click="selectMuppet(it)" ng-class="{'selected' : it === selected }">
                  <img ng-src="{{it.iconurl}}" class="face" alt="">
                  {{it.name}}
                 </md-button>
                 <md-tooltip> 
            Create Chart
           </md-tooltip> 
         </md-item-content>
       </md-item>
    </md-list>
</md-sidenav>

SIDE NAVIGATION

【问题讨论】：

sidenav 已经在最左侧，您要放置工具提示的位置
我的错误，在右边

标签： angularjs angularjs-material

【解决方案1】：

我已经使用 md-direction 属性完成了

 <md-tooltip md-direction="right">Save</md-tooltip>

【讨论】：