访问组件中的 md-sidenav-layout 对象（打字稿文件）

Question

我在我的应用程序中使用 md-sidenav。
md-sidenav 将使用以下语法分配一个对象：

<md-sidenav #start

所以这里 "start" 将保存 md-sidenav 的所有 variables/methods，我们可以进行各种操作，如 start.close()、start.toggle() 等。

如果我们想通过.ts文件来做这些操作，我们该如何做。我们如何在 .ts 文件中获取 "start " 对象。

我为此创建了 plunker。

笨蛋：http://plnkr.co/edit/Q2dEhOA9dzDzBlLaxmYT?p=preview

Answer 1

您可以使用 @ViewChild() 从模板变量中获取对组件实例的引用：

  class MyComponent {
    @ViewChild('start') sideNav;

    ngAfterViewInit() {
      // only set when ngAfterViewInit is called (not for example in the constructor)
      console.log(this.sideNav);
    }
  }

访问组件中的 md-sidenav-layout 对象（打字稿文件）

Access md-sidenav-layout object in Component (typescript file)

angular-material

angular