Angular 如何在单击时更改零部件位置？

当用户单击某个按钮来更改该组件的位置时，我想要的是什么。我想把一些组件放在第一位。我能做到吗？有什么建议吗

所以如果我有这样的东西：

<default-component></default-component>
<first-component></first-component>

<first-component></first-component>
<default-component></default-component>

因此，单击此处可以如下所示：

<default-component></default-component>
<first-component></first-component>

<first-component></first-component>
<default-component></default-component>

---

这是可能的吗？

为此创建一个变量，并像那样显示

<first-component *ngIf="isClicked"></first-component>
<default-component></default-component>
<first-component *ngIf="!isClicked"></first-component>

---

是的，有flex显示屏。您有一个名为order的属性，它在使用

display:flex

时为元素提供了一个顺序。只需将

[style.order]=“myVariableOrder1Or2”

添加到两个组件中，就可以使用Bootstrap的

push

和

pull

类以及Angular的

NgClass

指令。如果您需要帮助编写代码，请告诉我。我想改变位置而不是隐藏component@NonengIf不隐藏，而是渲染或不渲染。这是angular mvcI中最方便的解决方案不要认为这是一个好的解决方案，OP不需要从DOM中删除组件，他只需要用组件B更改组件a的位置，这可以通过使用CSS和angular的

NgClass

指令来完成。