Angularjs ng-bind-html кнопка изменения размера, чтобы соответствовать размеру контента?

0

Учитывая список текстов с некоторыми значками FontAwesome, мой контроллер должен передать это шаблону и отобразить каждый в кнопку.

Пример текста:

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

Мой код:

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

Однако он не будет работать так, как ожидалось.

  • [[text]] выйдет из любого html
  • ng-bind-html не будет изменять размер кнопки после вставки текста

Что еще можно сделать здесь?

Теги:

1 ответ

0

Тег <i> не закрыт должным образом, что приведет к тому, что браузер и/или $ будут деактивировать закрытие </i> в конце текста. <i> с некоторым текстом в нем все еще есть размер шрифта awesome, ng-bind-html и кнопка будет знать о тексте.

Действительный пример:

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню