如何訪問或更新其他組件類angular2中的組件類變量

Question

我有正文，對於主頁，我想將“ home”類和“ other”類應用於其余頁面。 該主體在index.html中定義。

現在，appcomponent為Index.html提供了公共變量“ homePage = true”。 對於其他頁面，我想訪問此變量並設置“ homePage = false”。

Answer 1

如果您使用的是Angular RC4，則可以在應用程序組件中執行以下操作以檢查URL並設置homePage變量：

import { Router, NavigationEnd } from '@angular/router';
import { Component, OnInit } from '@angular/core';

@Component({
  selector  : 'app'
})
export class AppComponent implements OnInit {
  public homePage: Boolean    = true;
  private router: Router;

  constructor(router: Router){
    this.router         = router;
  }

  ngOnInit() {
    this.router.events.subscribe((events) => {
      if (events instanceof NavigationEnd) {
        if (events.url === '/' || events.url === '/home') {
          this.homePage = true;
        } else {
          this.homePage = false;
        }
      }
    });
    this.homePage = (this.router.url === '/' || this.router.url === '/home') ? true : false;
  }
}

另外，您還必須將body標簽更改為： <body [ngClass] = "{'home':homePage, 'other':!homePage}">

Answer 2

我認為您需要擺脫class =“ home” ...

<body [ngClass]="{home: homePage, other: !homePage}">

雖然，我不確定您如何在body標簽上使用angular 2指令。您應該在主體內部有一個標簽，該標簽是主要組成部分（即，您用角度引導的標簽），因此該標簽之外的任何內容都不會可以用angular 2的真棒醬增強。

如何訪問或更新其他組件類angular2中的組件類變量

問題描述

2 個解決方案

解決方案1
0 2016-08-17 05:56:46

解決方案2
0 2016-08-17 05:58:07

如何訪問或更新其他組件類angular2中的組件類變量

問題描述

2 個解決方案

解決方案1 0 2016-08-17 05:56:46

解決方案2 0 2016-08-17 05:58:07

解決方案1
0 2016-08-17 05:56:46

解決方案2
0 2016-08-17 05:58:07