angular4中动态设置title

Title Service

使用Service自然首先要将其引入，不过要注意Title Service并不在@angular/core中，而是在@angular/platform-browser中：

import { Title } from '@angular/platform-browser';

引入之后，自然要将其注入到当前组件中，而这通常利用constructor完成：

import { Title } from '@angular/platform-browser';
import {Component} from '@angular/core';
@Component({})
export class AppComponent {
    constructor(private titleService: Title) {
        // 使用this.title到处浪
    }

很显然，Title Service应该有某些操作页面标题的方法，不管通过查找文档还是查找源码我们都能很容易知道其只有两个方法：

• getTitle() 用于获取当前当前页面的标题
• setTitle(newTitle: String) 用于设置当前页面的标题

使用实例

ts里面

import {Title} from "@angular/platform-browser";

 constructor(public PerService:PeriodicalService,
            public toastCtrl: ToastController,
            public navParams: NavParams,
            public httpService:HttpService,
              public modalctrl:ModalController,
             public titleSet:Title
) {
}

ionViewDidEnter() {
this.titleSet.setTitle('期刊');//此处的“期刊”可以替换为变量
}