零件
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); // <---- } }