angular - 字形图标的 Angular 4 模板绑定

Question

我正在尝试使用打开的标志性图标，但是一旦我尝试将图标名称动态设置为 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>

Answer 1

你可以使用这个：

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

Plunkr 示例可在此处获得。