Угловой - Открыть нижний лист (MatBottomSheet) внутри родительского контейнера - PullRequest
Новая
       11

Угловой - Открыть нижний лист (MatBottomSheet) внутри родительского контейнера

2 голосов
/ 24 апреля 2019

Я пытаюсь открыть нижний лист материала внутри контейнера div, по умолчанию он открывается как последний элемент внутри тела.

Глядя на документацию , мне нужно использовать viewContainerRef, но я не могу заставить его работать.

Это похоже на то, что я пытаюсь сделать:

app.component.html: 

...
<div #container></div>
...

app.component.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,
        });
    }
}

Но, похоже, это ничего не меняет.

Любая помощь будет оценена.

Заранее спасибо

...