角度材料工具提示

时间:2016-02-22 09:25:11

标签: angular-material

当我使用Angular Material构建我的项目时遇到问题。我想用tooltip.Each行显示用户的操作历史记录一条数据。就像这样, 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中其余数据的Dom结构。我不知道问题出在哪里。请帮帮我。这是我第一次在这里提问。谢谢!

1 个答案:

答案 0 :(得分:0)

似乎md-tooltip height设置为等角度材质中的线高。

请尝试以下操作。

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

选中此笔以获得演示Codepen