html - 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'