错误类型错误：无法在 angular4 上设置属性“className”为空答案

【问题标题】：ERROR TypeError: Cannot set property 'className' of null on angular4错误类型错误：无法在 angular4 上设置属性“className”为空
【发布时间】：2017-10-04 19:03:50
【问题描述】：

得到

错误类型错误：无法设置属性“className”为空

关于通过条件检查分配图标值。

<button (click)="detailsToggle=!detailsToggle;" pButton [icon]="detailsToggle ? 'fa-toggle-on' : 'fa-toggle-off' " type="button" label="Details" class="details"></button><span class="badge">{{details.length}}</span>

在 angular4 升级后在 angular2 上工作正常，primeng2 面临错误。

如果我删除图标属性工作正常。

【问题讨论】：

标签： angular primeng

【解决方案1】：

试试这个：

升级您的primeng最新版本：

版本：

angular: 4.4.1
primeng: 4.2.1

在 html 中

<button (click)="detailsToggle=!detailsToggle" pButton type="button" [icon]="detailsToggle ? 'fa-toggle-on': 'fa-toggle-off'" label="Click"></button>

【讨论】：

primeng 升级后同样的问题：4.1.2