р-выпадающий не отображает метки правильно - PullRequest
Новая
       32

р-выпадающий не отображает метки правильно

0 голосов
/ 05 июня 2018

У меня проблемы с работой выпадающего компонента.Похоже, что раскрывающийся список обнаруживает элементы, которые он должен отображать, поскольку он расширяет список элементов в соответствии с количеством элементов в массиве.Однако все пробелы не заполнены.

enter image description here

Это тот же выпадающий список, что и в примере с https://www.primefaces.org/primeng/#/dropdown (первый сзаголовок 'простой')

Однако у меня ничего не отображается.Я скопировал и вставил точно такой же код, единственное отличие - импорт.Когда я иду в репозиторий github, я вижу, что они импортируют 

import {SelectItem} from '../../../components/common/api';

и 

import {DropdownModule} from '../../../components/dropdown/dropdown';

Где я использую 

import {SelectItem} from 'primeng/api';

и 

import {DropdownModule} from 'primeng/dropdown';

Когда я пытаюсь использовать импорт из github, он говорит, что может найти выпадающий модуль и выбрать элемент в этих местах.

Вот мой код: 

interface City {

  name: string,

  code: string

}
export class Test implements OnInit {

 cities1: City[];

  selectedCity: City;
  constructor() {
    this.cities1 = [
      {label:'Select City', value:null},
      {label:'New York', value:{id:1, name: 'New York', code: 'NY'}},
      {label:'Rome', value:{id:2, name: 'Rome', code: 'RM'}},
      {label:'London', value:{id:3, name: 'London', code: 'LDN'}},
      {label:'Istanbul', value:{id:4, name: 'Istanbul', code: 'IST'}},
      {label:'Paris', value:{id:5, name: 'Paris', code: 'PRS'}}
  ];
   }

}

Вот HTML 

<p-dropdown [options]="cities1" [(ngModel)]="selectedCity" placeholder="Select a City" optionLabel="name" [showClear]="true"></p-dropdown>
<p>Selected City: {{selectedCity ? selectedCity.name : 'none'}}</p>

Кто-нибудь знает, как я могу это исправить?

Спасибо

1 Ответ

0 голосов
/ 05 июня 2018

удалить optionLabel и код будет работать - 

<p-dropdown [options]="cities1" [(ngModel)]="selectedCity" placeholder="Select a City" [showClear]="true"></p-dropdown>

OptionLabel: имя поля метки опции, когда в качестве опций используются произвольные объекты вместо SelectItems.

...