Primeng无法找到不同的支持对象＆＃39;宽度：100％＆＃39;使用时的风格

Question

我收到错误＆＃34;无法找到不同的支持对象＆＃39;宽度：100％＆＃39; ＆＃34;当我尝试使用带有p-menu或p-dropdown的样式时。

Answer 1

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

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

++ [ngStyle]也可以

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

Answer 2

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

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

Answer 3

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

Answer 4

我试图为 DinamicDialog 的内容添加样式，但这对我有用。

this.ref = this.dialogService.open(MyComponent, {
  header: 'contentStyle Header',
  width: '80%',
  height: '80%',
  contentStyle: { height: '100%' }
});