Angular Material 工具提示

Question

我在使用 Angular Material 构建项目时遇到问题。我想用 tooltip.Each 行一段 data.Just 来显示用户的操作历史， Screenshot .代码如下：

<md-button class="md-icon-button" data-ng-mouseover="operation_history($event, u.uid)">
                <md-tooltip md-direction="bottom" style="width: 250px;">
                <div data-ng-show="operation_historys">
                <div data-ng-repeat="operation_history in operation_historys">
          <span>{{operation_history.create_name}}： {{operation_history.create_time}}&nbsp;
          {{operation_history.old_status}} -&gt;{{operation_history.new_status}}</span><br>
             </div>
             </div>
                </md-tooltip>
                <i class="material-icons md-18">history</i>
            </md-button>

现在的问题是，工具提示只显示第一行数据。但是我在Chrome.I中看到了rest datas的Dom结构，不知道问题出在哪里is.Please帮帮我。这是我第一次在这里提问。谢谢！

Answer 1

angular material.

中的 md-tooltip 高度似乎设置为等于行高

试试下面的方法。

.md-content.md-show{
    height: auto !important;
}

检查此笔以进行演示 Codepen。

Angular Material 工具提示

Angular Material Tooltip

angular-material