【问题标题】:Angular 4 template binding for glyph icons字形图标的 Angular 4 模板绑定
【发布时间】:2018-02-07 17:34:21
【问题描述】:

我正在尝试使用打开的标志性图标,但是一旦我尝试将图标名称动态设置为 data-glyph 属性,它就会崩溃 错误是:

Uncaught Error: Template parse errors:
Can't bind to 'glyph' since it isn't a known property of 'span'. ("
<span class="oi" [ERROR ->]data-glyph="{{value}}" title="icon name" aria-hidden="true"></span>
"): ng:///AppModule/ImageButtonComponent.html@1:17

模板部分:

<span class="oi" data-glyph="{{value}}" title="icon name" aria-hidden="true"></span>

【问题讨论】:

  • 你是如何包含这些图标的?
  • 这是glyphicons的某种模块吗?可以直接使用glypohicons吗?
  • 它是打开的标志性useiconic.com/open 我只是在 HTML 标题标签下添加 css 文件
  • 您能否将您的问题重命名为更广泛的内容?您的问题是关于共同的自定义属性,而不仅仅是关于字形图标。

标签: angular fonts angular2-template iconic


【解决方案1】:

你可以这样用:

<span [attr.data-glyph]="value"></span>

Plunkr 示例可用here

【讨论】:

    猜你喜欢
    • 2018-05-26
    • 2017-10-03
    • 1970-01-01
    • 2018-11-19
    • 2020-11-08
    • 1970-01-01
    • 2019-01-20
    • 2021-12-17
    • 2017-09-07
    相关资源
    最近更新 更多