如何在点击时更改组件位置？

Question

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

所以，如果我有这样的事情：

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

所以点击就像这样：

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

这可能吗？

Answer 1

为此创建一个变量并显示如下。

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

  

更改isClicked变量的值（点击）= "onClicking"

<强>组件

onClicking(): void {
this.isClicked = !this.isClicked;
}