使用选项功能时,PrimeNG下拉列表需要双击

时间:2018-08-07 07:17:01

标签: angular primeng

我在PrimeNG Turbo表中使用PrimeNG下拉列表。我有在编辑模式下使用下拉菜单的列,在该模式下,我需要根据另一列的值来过滤选项。然后,我得到的问题描述为here

我真的找不到一种使用选项列表而不是方法的好方法,因为那将需要我为表中的每一行维护一个选项列表。

  1. 有人知道如何解决此问题吗?
  2. 有人可以提出一种更好的方法来获得我不遇到这个问题的选择吗?

1 个答案:

答案 0 :(得分:0)

我更新了您的代码,如下所示。

在OnInit中更改

 ngOnInit() {
    this.cols = [
      { field: 'vin', header: 'Vin' },
      { field: 'year', header: 'Year' }
    ];
    this.cars.push(
      { val1: { 'id': 1, 'value': '1' }, val2: { 'id': 7, 'value': '7' } });

this.options1.push({ 'id': 1, 'value': '1' });
this.options1.push({ 'id': 2, 'value': '2' });
this.options1.push({ 'id': 3, 'value': '3' });


this.options2.push({ 'id': 7, 'value': '7' });
this.options2.push({ 'id': 8, 'value': '8' });
  }

HTML更改

<p-dropdown [options]="options2" [(ngModel)]="rowData.val2"  optionLabel="value" dataKey="id"></p-dropdown>