关于 p-Column 样式 PrimeNG 错误的任何建议？答案

【问题标题】：Any advice for error with p-Column style PrimeNG?关于 p-Column 样式 PrimeNG 错误的任何建议？
【发布时间】：2020-02-28 23:33:38
【问题描述】：

我正在尝试分配来自对象 [] 的样式，如果我对 [style]="{'text-align':'right'}" 之类的样式进行硬编码，则可以，但如果我从对象然后抛出一个错误，有什么建议吗？

<p-column
  *ngFor="let field of item.Fields"
  [field]="field.Name"
  [header]="field.Header"
  [style]="field.Style"
>
</p-column>

错误：

错误错误：找不到不同的支持对象 '{'text-align':'right'}'

【问题讨论】：

我忘了放解决方案，我的 Style 属性的类型必须是 JSON，而不是字符串。

标签： angular styles primeng primeng-datatable

【解决方案1】：

我不确定这将如何工作，因为 *ngFor 支持数组而不是对象的绑定。当您获得 Fields 对象的值时，将其显式转换为数组。

示例

someMethod() {
this.someService.get(xyz).subscribe(
      res => {
              this.Fields = [res]. //res is of type object. We did cast to array. You can 
                                   // use it to style.
             }
         )
     }

【讨论】：