如何在模板中使用注入的服务(Angular2)

发布时间：2020-12-17 10:17:39 所属栏目：安全来源：网络整理

导读：零件 templateUrl : 'home.html'..providers: [NavService].. private navService: NavService,.. 模板 li *ngFor="let state of states; let i=index" [class.active]="navService.isCurrentState(state)"span class="name"{{navService[state].name}}/span

零件

templateUrl : 'home.html'
..
providers:      [NavService]
..    
private navService:     NavService,..

模板

<li *ngFor="let state of states; let i=index" 
[class.active]="navService.isCurrentState(state)">

<span class="name">{{navService[state].name}}</span>

似乎不起作用,我在这里缺少什么？如何在组件模板中访问我的服务？

组件类中定义的每个属性都可以在模板中使用.

首先,您可以检查navService是否具有正确的值：

@Component({
  (...)
  providers: [NavService]
})
export class SomeComponent {
  constructor(public navService: NavService) {
    console.log(navService); // <----
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!