Какой-нибудь совет для ошибки с стилем p-Column PrimeNG?

Question

Я пытаюсь назначить стиль, исходящий от объекта [], если я жестко закодирую стиль, например [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 '}'

Answer 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.
             }
         )
     }