Angular 使用选项函数时,Priming下拉列表需要双击

Angular 使用选项函数时,Priming下拉列表需要双击,angular,primeng,Angular,Primeng,我正在使用Priming下拉列表和Priming turbo表。我有一个在编辑模式下使用下拉列表的列,我需要根据另一列的值过滤选项。然后我描述了这个问题 我真的找不到一个好方法来使用选项列表而不是方法,因为这需要我为表中的每一行维护一个选项列表 有人知道如何解决这个问题吗 有没有人能提出一个更好的方法,让我在不面临这个问题的情况下获得选择 我更新了你的代码如下,它的工作 OnInit中的技术 ngOnInit() { this.cols = [ { field: 'vin'

我正在使用Priming下拉列表和Priming turbo表。我有一个在编辑模式下使用下拉列表的列,我需要根据另一列的值过滤选项。然后我描述了这个问题

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

  • 有人知道如何解决这个问题吗
  • 有没有人能提出一个更好的方法,让我在不面临这个问题的情况下获得选择

  • 我更新了你的代码如下,它的工作

    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>
    
    
    
    create stackblitz???。基本上只是让第2列不需要双击。我在你发布的GitHub链接上看到你得到了解决方案,你介意将解决方案发布在这里作为答案吗?它不是解决方案,而是复制品。尝试在第二个下拉列表中选择一个选项,您会注意到它需要您单击两次。