在angular2中设置自定义布尔属性的正确语法是什么

Question

我想在angular2组件上设置一个布尔属性。

鉴于以下情况（这是不正确的）......

.dart

@Component
....
@Input()
bool hasColour = false;

html的

...
<span [class.blue-colour] = 'hasColour'></span>
...

<colour-component hasColour></colour-component>

...如何解决上述问题以便能够使用hasColour绑定一个类？

由于

Answer 1

绑定到hasColour输入属性：

<colour-component [hasColour]="true"></colour-component>