为什么md-tooltip不接受换行符？

Question

如果md-tooltip太大，如何在{{row.entity.comment}}内容中添加换行符？

<md-tooltip class="large" md-direction="top">
  <span class="tooltip-text">{{row.entity.comment}}</span>
</md-tooltip>

Answer 1

将word-wrap添加到md-tooltip类

.md-tooltip {
    word-wrap: break-word !important;
}

请注意，md-tooltip设置为22px的固定高度。 您可以将height更改为auto以阻止此操作。

.md-tooltip {
    height: auto !important;
}

Answer 2

除了公认的解决方案之外，我还必须覆盖角度.md-tooltip white-space: nowrap

.md-tooltip {
    height: auto !important;
    white-space: normal;
}