添加一个Class when In a certain Route - Angular 2

Question

我正在尝试在某条路线上添加 class。代码在我的 AppComponent 中，我使用的是 ngClass。

    @Component({
     selector: 'my-app',
     template: `<a [ngClass]="getRoute(router)">
       // Some html code....
    })

然后我有相同的功能 app.component.ts

  export class AppComponent  { 
    getRoute(){
     if (this.router.url === '/atendimento'){
      return "hide-bar";
   }
  }
 }

我遇到的错误如下：

Property 'router' does not exist on type 'AppComponent'

是的，我正在 header 上导入 Routes、RouterModule 和 Router。有人能帮我吗？

提前致谢

Answer 1

您需要注入路由器

  export class AppComponent  { 

    constructor(private router:Router) {}

    getRoute(){
     if (this.router.url === '/atendimento'){

Answer 2

请将路由器服务注入到您的构造函数中。

import { Router } from "@angular/router";
export class AppComponent  { 
constructor(private router:Router){}
    getRoute(){
     if (this.router.url === '/atendimento'){
      return "hide-bar";
   }
  }
 }

@组件({ 选择器：'my-app'，模板：` // 一些 html 代码.... })

添加一个Class when In a certain Route - Angular 2

Add a Class when In a certain Route - Angular 2

routing

ng-class

angular