this.appService.titleEventEmitter.emit(item.name);

[leeguiman]

参考前辈的代码学习angular4，在演练过程中感觉一个可以调整的地方： 把每个component中的构造函数constructor的类似代码this.appService.titleEventEmitter.emit("消息框")移除；在treeview-menu.component.ts 中实现： itemClicked(item: MenuData) { if (!this.isLeaf(item)) { item.isExpend = !item.isExpend; } else { this.appService.titleEventEmitter.emit(item.name);//新增代码，该行代码放在最后是不起作用的 this.router.navigate([item.url]); //this.appService.titleEventEmitter.emit(item.name); //代码在此处没有效果，个人猜测navigate类似return,该操作结束当前代码块的生命周期 } }

[myopenresources]

1.如果要这么做就不需要服务了，直接通过main组件改变title。 2.如果把服务写在菜单的点击事件那，那么在点击菜单的时候是可以改变title，但是除了从菜单导航到某个页面，业务中还有可能是通过其他页面导航的，这样就没法改变title了，这样一来灵活性就不好了，还有一个致命的问题就是当你刷新页面或是直接输入地址进入时，title会没有值。

[myopenresources]

所以我那样做是有我的考虑的

[leeguiman]

学习了

[zimv]

直接改title并不生效呢，然后我改造了一下，引入了platform-browser的Title，才真正改到标题了 constructor(private appService:AppService,private title:Title){ this.appService.titleEventEmitter.subscribe((value:string)=>{ if(value){ this.title.setTitle(value); } }) }

[myopenresources]

啥意思？

[zimv]

component里定义title属性，