Primeng 使用样式时找不到不同的支持对象“宽度：100%”

Question

当我尝试将样式与 p-menu 或 p-dropdown 一起使用时，出现错误“找不到不同的支持对象 'width: 100%'”。

Answer 1

我在使用 p-confirmDialog 时遇到了这个问题，所以我查看了他们的来源，看看发生了什么。PrimeNG 将 [style] 属性的值按原样传递给组件的 [ngStyle]，后者接受一个对象。所以，解决办法是：

<p-confirmDialog [style]="{'width': '100%'}">
  ...
</p-confirmDialog>

Answer 2

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

1. 检查 primeNg 版本。
2. 如果版本高于8.1.1
3. 将 p-button 样式值（字符串）更新为对象。

++ [ngStyle] 也有效

      <p-button 
      label="button"
      [style]="{float: 'left'}"
      styleClass="ui-button-info" ></p-button>

Answer 3

那是因为 [style] 需要一个字符串，所以你需要写[style]="'width: 40%'"