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

Question

我正在尝试将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的解决方案，但也没有用。

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