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

Question

我已在我的腳本中定義了一個名爲readOnlyMode的布爾值，所以當它是真的時，應該禁用所有東西。對於應該禁用的HTML中的所有元素，我使用[disabled]="readOnlyMode"。我自己製作的自定義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; 

，然後指定在組件的行爲應該是什麼樣子/做的，當它被禁用。

Answer 2

[disabled]不作爲組件的「內置」屬性。爲了使其工作，您可以在屬性列表中添加@Input() disabled。然後在您希望禁用的那些組件元素上使用[disabled]=disabled。