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>標記未正確關閉，這會導致瀏覽器和/或$在文本結尾處關閉</i>。有一些文字的<i>仍然有字體大小真棒，ng-bind-html也不會按鈕會知道文字。

有效例如：

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