angular - 访问 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。有人可以提示我正确的方向吗？