Angular Material - md-list-item的img中的md-tooltip

时间:2016-10-21 18:16:46

标签: html css angularjs angular-material

我正在尝试将md-tooltip用于md-list-item中包含的favicon。预期的行为是当鼠标悬停在图标上时触发工具提示。这是代码:

<md-list-item ng-repeat="window in windows track by window.id" ng-click="restoreWindow($index)">
  <div ng-repeat="tab in window.tabs.slice(0, 4) track by tab.id">
    <img class="tab-favicon" src="{{tab.favIconUrl}}">
    <md-tooltip>{{tab.title}}</md-tooltip>
  </div>
</md-list-item>

不幸的是,使用上面的代码时md-tooltip无法触发。我也尝试过发布here的解决方案,但也没有用。

可能的解决方案是将imgmd-tooltip置于md-button内,但这会使每个图标之间的空格过大。覆盖CSS中的md-button边距无法解决此间距问题。

0 个答案:

没有答案