使用选项功能时，PrimeNG 下拉菜单需要双击

Question

我将 PrimeNG 下拉列表与 PrimeNG Turbo 表一起使用。我有一个在编辑模式下使用下拉列表的列，我需要根据另一列的值来过滤选项。然后我就有了这里描述的问题。

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

1. 有谁知道如何解决这个问题？
2. 有人可以建议一种更好的方法来获得我不会遇到这个问题的选项吗？

Answer 1

我按如下方式更新了您的代码，并且它有效。

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>