访问Angular4路由器数据属性

Question

我试图绕过Angular4世界。

我想做什么。我正在使用Material2和Flex，我希望传递每条路线，如果侧边栏应该在路线改变时打开或关闭。我认为用data选项传递这个是一个可行的选择。

AppComponent全局拥有此逻辑。

我已经定义了我的路线：

const routes: Routes = [
  {
    path: 'home',
    component: HomeComponent,
    data: { showMenuDefault: true }
  }
]

现在我要访问对象中的data属性。

import { Component } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { MenuRoutes } from './app.routes';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {

  opened;
  menuRoutes;

  constructor(private router:Router, private activeRoute:ActivatedRoute) {
    this.menuRoutes = MenuRoutes;
    this.opened = this.activeRoute.snapshot.data.showMenuDefault;
    console.log(this.opened)
  }

}

我总是得到undefined。有人可以向我提示正确的方向吗？