PrimeNg Upgrade - Button.html:2 ERROR Error: Cannot find a differ supporting object 'float: left;'

Question

我刚开始将一个项目升级到 primeNg 8.1.1，它似乎不再支持按钮上的内联 style 标签...

我在所有具有 style='float:left:

的按钮中收到以下错误

Button.html:2 ERROR Error: Cannot find a differ supporting object 'float: left;'
    at KeyValueDiffers.find (core.js:28471)
    at NgStyleR2Impl.setNgStyle (common.js:5884)
    at NgStyle.set ngStyle [as ngStyle] (common.js:6161)
    at updateProp (core.js:32189)
    at checkAndUpdateDirectiveInline (core.js:31867)
    at checkAndUpdateNodeInline (core.js:44367)
    at checkAndUpdateNode (core.js:44306)
    at debugCheckAndUpdateNode (core.js:45328)
    at debugCheckDirectivesFn (core.js:45271)
    at Object.eval [as updateDirectives] (Button.html:2)

这在以前的版本 8.0.3 上工作正常

我尝试了几种不同的内联样式格式，但仍然没有成功

这是导致问题的常见标签：

<p-button (onClick)="clickRefresh()"
          icon="pi pi-refresh"
          label="Refresh"
          style="float: left;"
          styleClass="ui-button-secondary"
></p-button>

Answer 1

现在你必须把string改成objects，我觉得这是一个break change

https://github.com/primefaces/primeng/commit/b774ab2a5811b223c49dcef55ba84bcbcfa09579

<p-button (onClick)="clickRefresh()"
          icon="pi pi-refresh"
          label="Refresh"
          [style]="{float: 'left'}"
          styleClass="ui-button-secondary"
></p-button>

PrimeNg Upgrade - Button.html:2 ERROR Error: Cannot find a differ supporting object 'float: left;'

PrimeNg Upgrade - Button.html:2 ERROR Error: Cannot find a differ supporting object 'float: left;'

javascript

primeng

angular