Angular 5 在某些类中添加了“ng-star-inserted”——那是什么？答案

【问题标题】：Angular 5 adds 'ng-star-inserted' in some classes - what is that?Angular 5 在某些类中添加了“ng-star-inserted”——那是什么？
【发布时间】：2018-05-27 08:06:01
【问题描述】：

我看到在添加到元素的类中，有时还会添加这个“ng-star-inserted”，我想知道更多关于它为什么存在？

【问题讨论】：

使用此指令，您可以轻松构建评分输入。
根据我的经验，当有一个没有类的 div 时会发生这种情况，所以一个简单的解决方法是添加一个类
就我而言，ng-star-inserted 在我浏览选项卡菜单时出现。但是当我通过直接链接访问页面时它不存在。

标签： javascript css angular angular-template

【解决方案1】：

此类会导致 UI 出现问题，因此需要替换为 <ng-container *ngIf=""></ng-container>

【讨论】：

你能扩展你的答案吗？为什么这能解决问题？谢谢
benprograms.net/2018/06/30/angular-ng-star-inserted
很确定您的“用户界面问题”是由其他原因引起的。您正在与症状作斗争，而您应该寻找真正的问题。
推荐删除。它与以下问题无关：它为什么存在？

【解决方案2】：

这是BrowserAnimationsModule 在动画进入和离开过渡时在内部使用的类名。可以在源码here看到。

【讨论】：

@Ben 我也看到这个类被自动添加了。但问题是这个类被添加到我们的测试环境中，但我们没有在开发环境中看到它。你知道为什么在 Dev 的代码进入测试时会发生这种情况，所以两者都是同步的。
@G.SAbhaypal 你试过将NoopAnimationsModule 注入你的测试模块吗？
@BenElliott 不，我还没有尝试过。这是BrowserAnimationsModule 的替代模块吗？
@G.SAbhaypal 是的，它是BrowserAnimationsModule 的替代品，它用“no-ops”替换任何动画，即它提供相同的动画 API，但动画实际上并没有做任何事情。
@Vaz 为什么会这样？