&引用；元素不再附加到DOM“；在Angular 4中使用语义UI下拉列表

我已经实现了一个菜单，在一个角度组件中使用下拉菜单注销下拉项是一个路由器链接，因此单击它会导致在另一个组件上重定向。执行此操作时，将返回以下错误：

转换：元素不再附加到DOM。无法设置动画。在生产过程中，使用静音设置来消除此警告。滑出

这似乎是：

这就是代码

<div class="ui right icon dropdown item">
    <img class="ui avatar image" src="../assets/avatar/man-1.svg">
    {{ user.displayName | truncate:18 }}
    <i class="dropdown icon"></i>
    <div class="menu">
        <a class="item"><i class="edit icon"></i> Edit Profile</a>
        <div class="divider"></div>
        <a class="item" [routerLink]="['/auth/signin']"><i class="sign out icon"></i> Sign out</a>
    </div>
</div>

重定向后，每次单击页面都会导致此错误。

---

我注意到，在下拉菜单上至少出现一次滑出动画（例如单击编辑配置文件）可以解决此问题，错误就会消失。

如何在主题.config文件（文件夹/src）中设置Transion属性

尝试将其更改为默认值（如果尚未更改）：

@transition : 'default';

---

如何在theme.config文件（文件夹/src中）中设置Transion属性

尝试将其更改为默认值（如果尚未更改）：

@transition : 'default';

---

您能显示相应的角度代码吗？用component.ts文件更新。我认为没有其他有价值的代码。奇怪的是，除了控制台返回错误外，所有的东西都在工作！您能显示相应的角度代码吗？用component.ts文件更新。我认为没有其他有价值的代码。奇怪的是，除了控制台返回错误外，所有的东西都在工作！