样式不适用于禁用元素

【问题标题】：Style doesn't working for Disabled element样式不适用于禁用元素
【发布时间】：2017-05-09 10:26:29
【问题描述】：

样式不起作用，我们在文本元素中使用禁用属性。为什么？

<input pInputText [style]="{'padding-bottom':'10px','padding-top':'10px','width':'100%'}"
                       disabled="disabled" [(ngModel)]="selectedApprovalDate" />

抛出了这个错误：Assignment to read-only properties is not allowed in strict mode

如果我删除样式[style]="{'padding-bottom':'10px','padding-top':'10px','width':'100%'}"，那么它就可以工作了。为什么？

【问题讨论】：

标签： html css angular internet-explorer typescript

【解决方案1】：

改用ngStyle

<input pInputText [ngStyle]="{'padding-bottom':'10px','padding-top':'10px','width':'100%'}"
                   disabled="disabled" [(ngModel)]="selectedApprovalDate" />

【讨论】：

我会试试的。但是同一个用户回答了这两个问题：P
好的，这就是解决方案。但是我想知道为什么正常的样式不接受？
因为style 属性是readonly，如错误消息所述。另见stackoverflow.com/questions/24906279/…
什么是普通风格？ Angular2/4 中没有ngDisabled。