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

<blockquote> <p>如果你已经是编写Angular应用的”老手“，可能会觉得这篇文章介绍的这些特性自己肯定都很熟悉。但事实未必如此，不信的话等你看完再说。</p> </blockquote> <h2>1. Title</h2> <p>Title标签是一个HTML元素，用于指定网页标题。Title标签作为给定结果的可点击标题，显示在搜索引擎结果页面（SERP）上。它们对于可用性、SEO和社交共享而言至关重要。</p> <p><a href="https://s.geekbang.org/search/c=2/k=Angular/t=">Angular</a>应用使用index.html中的<title>…</title>，在浏览器窗口中设置标题。导航到Angular中的组件不会更改标题。</p> <p><strong>那么你知道吗，其实可以通过组件来设置浏览器标题。</strong></p> <p>Angular在@angular/platform-browser中有一个Title服务。我们只需将Title服务注入到组件中，并使用setTitle方法设置标题即可。</p> <pre><code>import { Title } from "@angular/platform-browser" @Component({ ... }) export class LoginComponent implements OnInit { constructor(private title: Title) {} ngOnInit() { title.setTitle("Login") } } </code></pre> <p>当我们导航到LoginComponent时，浏览器的标题将设置为“Login”。</p><div align='right'><a href='https://www.infoq.cn/article/psaW3g989IC17RxCfkww?utm_source=rss&utm_medium=article'>点击查看原文></a></div>