NativeScript Angular несколько ListPickers

Я делаю приложение, используя NativeScript с Angular. Есть страница с двумя ярлыками, которые должны действовать как выпадающие поля выбора. Они настроены на отображение listPicker.

Образец HTML

<StackLayout orientation="horizontal" class="field_row">
   <Label text="Type:" class="field_label"></Label>
   <Label text="{{ job_type }}" (tap)="showList('type')" class="type job_field dd-label"></Label>
</StackLayout>
<StackLayout orientation="horizontal" class="field_row">
   <Label text="Category:" class="field_label"></Label>
   <Label text="{{ job_category }}" (tap)="showList('category')" class="category job_field dd-label"></Label>
</StackLayout>
<StackLayout orientation="horizontal" class="field_row" [visibility]="assignActive ? 'visible' : 'collapse'">
   <Label text="Assigned:" class="field_label"></Label>
   <Label text="{{ job_worker }}" (tap)="showList('workers')" class="workers job_field dd-label"></Label>
</StackLayout>

Функция для отображения списка

public showList(name){
  this.showType = false;
  this.showCat = false;
  this.showPropStat = false;
  this.showWorkers = false;
  this.showListPicker = true;
    switch(name) {
      case 'type':
        this.showType = true;
        console.log(this.jobTypes);
        break;
      case 'category':
        this.showCat = true;
        console.log(this.jobCats);
        break;
      case 'status':
        this.showPropStat = true;
        break;
      case 'workers':
        this.showWorkers = true;
        console.log(this.jobWorkers);
        break;
    }         
}

Когда я нажимаю метки для типа, он отображается правильно, но при нажатии на категорию или работников отображается область для средства выбора списка, но в них не отображаются элементы.

Часть, в которой установлены элементы списка, выводит правильный список на консоль.