1、Title
Title标签是一个HTML元素,用于指定网页标题。除了在导航中设置标题,Angular在@angular/platform-browser中有一个Title服务。我们只需将Title服务注入到组件中,并使用setTitle方法设置标题即可。
Title标签作为给定结果的可点击标题,显示在搜索引擎结果页面(SERP)上。它们对于可用性、SEO和社交共享而言至关重要。
2、meta
Angular在@angular/platform-browser中有一个meta服务,使我们能够从组件中设置meta标签。这是很有用的功能,可以更好地进行搜索引擎优化(SEO),也可以将组件拥有的页面共享给社交媒体。
meta元素提供有关网页的信息,搜索引擎可以在这些信息的帮助下正确地分类网页。它用起来非常容易,只需从@angular/platform-browser导入meta,并将其注入到我们的组件中即可。
3、Location
我们可以使用Location服务获取当前浏览器窗口的URL。根据所使用的LocationStrategy,Location将存储URL的路径或URL的哈希段。
有了Location,我们可以转到一个URL,在平台的历史记录中向前或向后跳转,更改浏览器 URL,替换平台的历史记录栈中的顶部项等。从CommonModule注入Location服务,就可以使用它。
4、document
想要获取文档模型以便从Angular应用中执行DOM操作,使用document就可以做到这一点。document是表示主要渲染上下文的DI令牌,在浏览器中这就是DOM文档。它以与环境无关的方式提供DOM操作。
注意:当应用程序上下文和渲染上下文不同时(例如将应用程序运行到 Web Worker 中时),document 可能在应用程序上下文中不可用。
5、@Attribute 装饰器
Attribute装饰器使我们能够消除对静态字符串的更改检测,这样在传递静态字符串时就不会降低性能了。Attribute装饰器的值只检查一次,之后就不再检查,它们的用法类似于@Input装饰器。
如果你想了解更多Angular学习资源,让自己快速入行Web前端行业,掌握企业所需的高端技能,可以选择专业学习一下。命运掌握在自己的手里,想要什么样的人生就看你自己的选择了!