Кнопка выбора PrimeNG с шаблоном не отображается правильно

Question

Я пытаюсь реализовать нечто похожее на пример, который PrimeNG показывает на своем сайте PrimeNG - SelectButton в разделе Пользовательский шаблон .Я пытаюсь повторить то же самое.Это мой код:

component.ts

metodos: any[];
selectedMetodo;

constructor() {
    this.metodos = [
      { 'name': 'Tarjeta de crédito','flag': 'pse.png' },
      { 'name': 'PSE', 'flag': 'pse.png' },
      { 'name': 'Efectivo', 'flag': 'pse.png'}
    ];
  }

component.html

<p-selectButton [options]="metodos" [(ngModel)]="selectedMetodo">
    <ng-template let-item>
        <img src="assets/img/pagos/{{item.flag}}" />
        <span>{{item.name}}</span>
    </ng-template>
</p-selectButton>

У меня есть эторезультат: веб-результат

Любое предложение?

Answer 1

Это ошибка в версии 5.2.0 и ниже. Вы должны обновить свою версию primeng до 5.2.7 Тогда вы можете решить эту проблему.

Здесь - это стекирование. Изображение повреждено, но вы можете увидеть фактический результат.

Обновление

Исправлена ​​проблема с изображением.