angular - 无法绑定(bind)到颜色，因为它不是 'button' 的已知属性

Question

错误

Can't bind to color since it isn't a known property of 'button'.

代码

@Component({
    selector: "nav-next",
    template: `
    <div class="nav-next-directive">
        <button [color]="color" class="primary" [
        </button>
    </div>`
})

预期行为

这个子指令使我们能够在 Angular2-RC4 中从父组件动态设置颜色。 Angular2-Final 说这不好。有任何想法吗？

Answer 1

出道后ngModule ，您必须包含您的 Directive进ngModule declarations使用前的数组:

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App, ColorDirective ],
  bootstrap: [ App ]
})
export class AppModule {}

并确保您的 Directive selector也是属性(property)类型:

@Directive({
  selector: "[color]"
})

这是工作示例，如果您更改上述两件事中的任何一项，您将收到该错误: http://plnkr.co/edit/ymUTyuMo9FsSORd9XI2H?p=preview