动态添加内容时,Angular Material侧边栏位于内容之上,而不是推送主容器

时间:2018-11-15 17:53:31

标签: angular material

当我将内容动态添加到导航栏中时,例如与http调用异步,那么在设置[opened]="true"

时大小错误

请参阅:stackblitz

enter image description here

导航栏正在覆盖content。但是,我希望能做到这一点(就像在切换导航栏时一样)

enter image description here

切换时,尺寸正确。.在向导航栏添加内容后,如何使尺寸正确?

1 个答案:

答案 0 :(得分:0)

我找到了更好的解决方案,请在github上查看此问题

https://github.com/angular/material2/issues/9782

可以使用autosize

希望,这对其他人也有帮助。

我找到了解决方案,但是从编码的角度来看,这很糟糕

setTimeout(() => {
  this.myText = "My long text";
  this.matSidenav.toggle();
  this.matSidenav.toggle(); }, 1500);
}

基本上,这是在内容加载后执行的,我只切换了两次侧边栏,一切都按预期进行。

这是一个错误吗?