相关疑难解决方法(0)

Angular - 在父容器内打开底部工作表 (MatBottomSheet)

我正在尝试打开 div 容器内的材质底部表,默认情况下它作为主体内的最后一个元素打开。

查看文档,我需要使用viewContainerRef,但我无法使其工作。

这与我想做的类似:

应用程序组件.html:

...
<div #container></div>
...
Run Code Online (Sandbox Code Playgroud)

应用程序组件.ts:

export class AppComponent implements AfterViewInit {

    @ViewChild('container', { read: ViewContainerRef }) _container;

    ...

    constructor(
        private bottomSheet: MatBottomSheet,
    ) {}

    ngAfterViewInit() {
        this.bottomSheet.open(MySheetComponent, {
            panelClass: 'my-modal',
            viewContainerRef: this._container,
        });
    }
}
Run Code Online (Sandbox Code Playgroud)

但似乎并没有做出任何改变。

任何帮助,将不胜感激。

提前致谢

angular-material bottom-sheet angular

7
推荐指数
1
解决办法
3041
查看次数

标签 统计

angular ×1

angular-material ×1

bottom-sheet ×1