Angular应用”老手“也未必掌握的十大实用特性

如果你已经是编写Angular应用的”老手“，可能会觉得这篇文章介绍的这些特性自己肯定都很熟悉。但事实未必如此，不信的话等你看完再说。

1. Title

Title标签是一个HTML元素，用于指定网页标题。Title标签作为给定结果的可点击标题，显示在搜索引擎结果页面（SERP）上。它们对于可用性、SEO和社交共享而言至关重要。

Angular应用使用index.html中的…，在浏览器窗口中设置标题。导航到Angular中的组件不会更改标题。

那么你知道吗，其实可以通过组件来设置浏览器标题。

Angular在@angular/platform-browser中有一个Title服务。我们只需将Title服务注入到组件中，并使用setTitle方法设置标题即可。

import { Title } from "@angular/platform-browser"
@Component({
    ...
})
export class LoginComponent implements OnInit {
    constructor(private title: Title) {}
    ngOnInit() {
        title.setTitle("Login")
    }
}

当我们导航到LoginComponent时，浏览器的标题将设置为“Login”。