角度2:禁用不正常

Question

我已经在我的打字稿中定义了一个布尔值readOnlyMode,所以当它确实应该被禁用时.我[disabled]="readOnlyMode"用于HTML中应禁用的所有元素.我自己制作的自定义HTML组件有问题.当我使用上面的表示法时,我得到错误:

Template parse errors:
Can't bind to 'disabled' since it isn't a known property of 'app-color…, …}

导致此问题的HTML代码:

<app-color-palette style="position:relative; z-index:2;"
                                     [disabled]="readOnlyMode"
                                     [(selectedColorIndex)]="categoryDefinitionModel.Color">
</app-color-palette>

如果我使用不带括号的禁用,它会编译但不会禁用该组件.

Answer 1

disabled不是默认属性.您必须在自定义组件中将其指定为:

@Input() disabled: boolean;

然后在组件中指定行为,当它被禁用时应该是什么样子/做什么.