Angular material 使用材质自动完成与ag栅格进行内联编辑

在尝试使用

Autocomplete

进行内联编辑时，我遇到了一些问题

为相同的对象创建了plunk：

自动完成选项未出现在预期位置。我必须向下滚动网格底部以查看选项

一旦我选择了任何选项，我就无法在行中看到更新的值-我只看到空白值

尝试为

isPopup？（）：布尔值{return false；}

为#1和

getValue（）{return this.selectedValue；}

为#2提供各种值，但没有得到任何关于实际问题的线索

我想要的是

在适当的位置显示的选项-就像我们在使用“正常材质自动完成”时看到的一样

当我打开单元格进行编辑时，要显示的选项-现在，我必须在编辑单元格内单击

一旦我选择了合适的值，它也应该在网格中更新

第一种情况可以通过覆盖

.cdk覆盖窗格

解决，只需将

样式

块添加到

自动完成编辑器

组件中即可

第三种情况，在

\u autoCompleteChanged

函数中使用option而不是

value

---

谢谢你，伙计！我（facepalm）因

\u autocompletetechange

中的愚蠢错误而受到惩罚。当网格将

停止编辑时，当RidLosesFocus

设置为

true

时，选择不会发生。

styles: [`
    ::ng-deep .cdk-overlay-pane {
        /* Do you changes here */
        position: fixed; // <- only this one is crucial
        z-index: 1000;
        background:white
    }
`],

@ViewChild('cInput') public cInput;
afterGuiAttached?(): void {
    this.cInput.nativeElement.focus();
}

_autoCompleteChanged(option) {
  this.selectedValue = option; 
}