Angularjs ng-bind-html调整大小按钮以适应内容大小？

Question

给定带有一些FontAwesome图标的文本列表，我的控制器需要将其传递给模板，并将每个图标渲染到按钮中。

示例文字：

'<i class="fa fa-hourglass fa-fw">Postpone'

我的代码：

<button ng-repeat="text in texts" type="button">[[text]]</button>

然而它不会按预期工作。

• [[text]]将转义任何html
插入文字后，
• ng-bind-html将无法调整大小按钮

这里还能做些什么？

Answer 1

<i>标记未正确关闭，这会导致浏览器和/或$ sanitize在文本末尾关闭</i>。其中包含一些文字的<i>仍然具有令人敬畏的字体大小，ng-bind-html和按钮都会知道文字。

有效示例：

'<i class="fa fa-hourglass fa-fw">的 </i> Postpone'