无法绑定到颜色，因为它不是“按钮”的已知属性

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

对于任何其他遇到此问题且其他答案不起作用的人，这对我有用。

将 [颜色] 更改为 [样式.颜色]

 <div class="nav-next-directive">
    <button [style.color]="color" class="primary" [
    </button>
 </div>

Answer 2

首次亮相后ngModule，您必须在使用它之前将您Directive的包含到ngModule declarations数组中：

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

并确保您Directive selector也是财产类型：

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

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