对angular来说还很陌生，我尝试过在网上寻找我要实现的目标的示例，但所有示例似乎都没有帮助我
我有5个标签，每个标签代表一个信息主体。我希望它最初显示第一个框的信息，但是当您单击其他框时，它将替换为其他框的信息
所以基本上是捉迷藏。仅显示我单击的框的信息。这是我的意思HTML的布局：
<div class="boxes">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
<div class="box1-content">Lorem ipsum 1</div>
<div class="box2-content">Lorem ipsum 1</div>
<div class="box3-content">Lorem ipsum 1</div>
<div class="box4-content">Lorem ipsum 1</div>
<div class="box5-content">Lorem ipsum 1</div>
CSS：
.boxes {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 10px;
padding: 10px;
}
.box {
height: 100px;
background: red;
}