错误TypeError：无法在angular4上设置null的属性'className'

Question

获取

  

错误TypeError：无法将属性'className'设置为null

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

<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和primeng2升级后面对错误，在angular2上正常工作。

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

Answer 1

试试这个：

升级您的primeng最新版本：

版本：

angular: 4.4.1
primeng: 4.2.1

in html

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