【问题标题】:Angularjs ng-bind-html resize button to fit content size?Angularjs ng-bind-html 调整按钮大小以适应内容大小?
【发布时间】:2016-02-28 08:42:11
【问题描述】:

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

示例文本:

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

我的代码:

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

但是它不会按预期工作。

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

这里还能做什么?

【问题讨论】:

    标签: html angularjs angularjs-bindings


    【解决方案1】:

    &lt;i&gt; 标签未正确关闭,这将导致浏览器和/或 $sanitize 在文本末尾关闭 &lt;/i&gt;&lt;i&gt; 里面有一些文字仍然有很棒的字体大小,ng-bind-html 也不按钮会知道文字。

    有效示例:

    '&lt;i class="fa fa-hourglass fa-fw"&gt;&lt;/i&gt;Postpone'

    【讨论】:

      猜你喜欢
      • 2011-08-20
      • 1970-01-01
      • 2023-04-07
      • 2016-11-27
      • 2017-06-06
      • 1970-01-01
      • 2020-10-09
      • 2011-02-05
      • 1970-01-01
      相关资源
      最近更新 更多