Angular 4模板绑定字形图标

Question

我试图使用开放的标志性图标，但是一旦我尝试将图标名称动态设置为数据 - 字形，就会崩溃 错误是：

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示例可用here。