Question

当我在某条路线上时，我试图添加一个班级。代码在我的AppComponent中，Im使用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";
   }
  }
 }

我得到的错误如下：

财产＆＃39;路由器＆＃39;类型＆＃39; AppComponent＆＃39;
上不存在

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

提前致谢

Answer 1

您需要注入路由器

  export class AppComponent  { 

    constructor(private router:Router) {}

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

Answer 2

请将Router服务注入您的构造函数。

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

@Component（{ 选择器：＆＃39; my-app＆＃39;，模板：` //一些HTML代码.... }）

在某个路线中添加一个班级 - 角度2

2 个答案: