我有一个基于bootstrap3的模板，我正在添加angular2 .

当我将路径从SignIn更改为应用程序的其余部分时，我需要更改正文的类，这是我的根组件选择器 .

Root Component

@Component({
    selector: 'body',
    directives: [ROUTER_DIRECTIVES],
    templateUrl: '<router-outlet></router-outlet>'
})
export class AppComponent {

    loggedIn = true;

    @HostBinding('class.class1')
    @HostBinding('class.home-page') homeBodyClasses = false;

    @HostBinding('class.class3')
    @HostBinding('class.login-page') loginBodyClasses = false;

    constructor(private router: Router) { }

    ngOnInit() {
        if (!this.loggedIn) {
            this.router.navigate(['SignIn']);
        } else {
            this.router.navigate(['Home']);
        }
          this.router.events.subscribe(event => {
            console.log(event);
            if (event instanceof NavigationEnd) {
                if (event.urlAfterRedirects === '/SignIn') {
                    this.homeBodyClasses = false;
                    this.loginBodyClasses = true;
                }else{
                      this.homeBodyClasses = true;
                    this.loginBodyClasses = false;
                }
            }
        });
    }

我订阅了路由器导航事件，但是当更改URL时没有任何反应，尽管@HostBinding的值已更改 .

我尝试将子组件中的事件发送到正文并更改正文标记以捕获这样的事件，但没有发生任何事情 .

<body (eventName) = "changeBodyClass($event)"></body>

我究竟做错了什么 ？我不明白何时应该更改@HostBinding的值以使其生效 . 我正在使用angular2.0.0-rc.5

angular typescript angular2-routing