组件的角度设置禁用属性不起作用

Question

我已将 'disabled' 属性设置为角度组件。但是应用的样式不起作用。

这是我的代码：

**parent.html**

<app-simple-input class="form-control" name="numberSimpleDecimal" [placeholderText]="'Enter a number...'"
        [config]="{ integer:false}" [(ngModel)]="model.ng_numberInput"
        [attr.disabled] = "model.disabledState" [attr.readonly] = "model.readonlyState"></app-simple-input>
        
**simpleinput.html**

<p-inputNumber   
    [showButtons]="true"
    [placeholder]="placeholderText"
    incrementButtonIcon="fal fa-plus"
    decrementButtonIcon="fal fa-minus"
    [minFractionDigits]="_config?.integer ? 0 : 1"   
    [min]="_config?.minValue"
    [max]="_config?.maxValue"
    [(ngModel)]="value"
    (onBlur)="onBlur()"> 
</p-inputNumber>    

当我尝试使用 [ngClass] 时，它起作用了，但不确定如何使用属性设置样式。

styles.scss

::ng-深 { .disabled .p-inputtext, .readonly .p-inputtext { 游标：不允许； 大纲：无； 指针事件：无； } .disabled .p-inputtext { 背景：#ebebeb； } .readonly .p-inputtext { 背景：#f7f5f5； } } 任何人都可以帮助如何做到这一点？

谢谢