使用material使用<md-sidenav>时如何将工具提示放在右边?
How to put tool tip on the right when using <md-sidenav> using material?
我在 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>
我已经使用 md-direction 属性完成了
<md-tooltip md-direction="right">Save</md-tooltip>
我在 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>
我已经使用 md-direction 属性完成了
<md-tooltip md-direction="right">Save</md-tooltip>