时间戳

首页 > 解决方案 > 使用选项功能时 PrimeNG 下拉菜单需要双击

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

问题描述

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

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

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

标签： angularprimeng

解决方案

我更新了您的代码，如下所示，它可以工作。

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>

推荐阅读