代码之家  ›  专栏  ›  技术社区  ›  OjamaYellow

角度2:禁用不能正常工作

  •  0
  • OjamaYellow  · 技术社区  · 7 年前

    我在typescript中定义了一个布尔值,名为 readOnlyMode [disabled]="readOnlyMode" 对于HTML中应禁用的所有元素。我有麻烦的自定义HTML组件,我自己做的。当我使用上述符号时,我得到错误:

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

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

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

    2 回复  |  直到 7 年前
        1
  •  6
  •   tommueller    7 年前

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

    @Input() disabled: boolean;
    

        2
  •  1
  •   Vega Stipe    7 年前

    [disabled] 不是组件的“内置”属性。例如,为了使其工作,您可以添加 @Input() disabled 在属性列表中。然后使用 [disabled]=disabled