Angular 5在一些类中添加了'ng-star-inserted‘-这是什么？

'ng-star-inserted'是Angular 5中的一个CSS类名，用于标识通过Angular的内容投影（Content Projection）机制插入到组件模板中的元素。

在Angular中，内容投影是一种将父组件的内容插入到子组件模板中的机制。通过使用ng-content指令，父组件可以将其内容传递给子组件，并在子组件模板中使用ng-content指令来接收这些内容。当父组件的内容被插入到子组件模板中时，Angular会自动为插入的元素添加'ng-star-inserted'类名。

'ng-star-inserted'类名的作用是为插入的元素提供样式控制的能力。通过在CSS样式表中定义'ng-star-inserted'类名的样式规则，可以对插入的元素进行样式定制。

举例来说，假设有一个父组件和一个子组件。父组件的模板中包含一段内容，如下所示：

<app-child>
  <p>This is some content from the parent component.</p>
</app-child>

子组件的模板中使用ng-content指令接收父组件传递的内容，并在插入的元素上添加'ng-star-inserted'类名，如下所示：

<div>
  <ng-content></ng-content>
</div>

当父组件的内容被插入到子组件模板中时，插入的元素会被添加'ng-star-inserted'类名：

<div>
  <p class="ng-star-inserted">This is some content from the parent component.</p>
</div>

通过定义样式规则，可以对插入的元素进行样式控制：

.ng-star-inserted {
  color: red;
}

这样，插入的元素就会显示为红色。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL版。腾讯云云服务器提供可扩展的计算能力，适用于各种规模的应用程序部署。腾讯云云数据库MySQL版是一种高性能、可扩展的关系型数据库服务，适用于各种Web应用程序和云原生应用程序。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm

腾讯云云数据库MySQL版产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql