angular - Angular 4 - 组件选择器与属性绑定的标签不匹配

Question

FooComponent 装饰器：

@Component({selector: 'div[myAttr=foo]', ...)

应用组件模板：

<div [myAttr]="'foo'"></div>
<div myAttr="{{'foo'}}"></div>

问题是在运行时 FooComponent 选择器与绑定的属性不匹配<div>，我们在 DOM 中留下了空的 div。

（当然，如果模板是<div myAttr="foo"></div>因为它是一个普通的旧属性，它就可以工作。）

这项工作非常好，这样不同的组件可以匹配 myAttr 的动态值。有没有人有什么建议？

我在@angular/core@5.0.1。