如何实现Angular6中用户自定义标签的长尾词开发？

本文共计1466个文字，预计阅读时间需要6分钟。

2018年4月23日，Angular 6发布，官方手册中在模板元素章节新增了一个Element条目（中文），说明了该功能可以帮助我们将Angular以HTML标签的形式嵌入到非Angular环境中。

2018年4月23随着angular6 发布，我们可以看到在其官方手册中的模板元素章节中增加了一个Element 条目(中文)，通过说明我们可以知道这个功能可以帮助我们将angular以html标签的形式嵌入到非angular的页面环境中。下面我们就通过一个简单的例子演示Angular6中的这一新功能。

新建angular工程

通过ng命令新建custom-tag工程

ng new custom-tag

cli新建完相应文件后会通过npm下载所信赖的包，完成后进入目录验证工作空间是否正常。

$cd custom-tag $ng serve --open

--open参数的作用是直接打开浏览器，也可以通过浏览器中直接输入localhost:4200。