angular多个区块一起开关

Question

code长这样，https://stackblitz.com/edit/a...我想要做的是，点击后去找所有同id的，然后把他们的isOpen一起变成true，进而去做同id一起开关这有办法做到吗?ts cards = [{name:'div1',id: 1,isOpen: false},{name:'div2',id: 1 ,isOpen: false},{name:'div1',id: 2,isOpen: false},{name:'div2',id: 3 ,isOpen: false}];   test(q){     console.log(q)         q.isOpen = !q.isOpen   }html<div  *ngFor="let card of cards">     <div class="open-close-container" (click)="test(card)">       <div *ngIf="card.isOpen">test</div>       <div *ngIf="!card.isOpen">shidsfsdfsdf<br>t</div>     </div></div>

Answer 1

你用一个标记控制不了所有的。因为这个标记是响应型的，改变其中一个组件的，就会改变所有的。可以用一个来flag数组来替代，对象亦可

Answer 2

简单一点的写法: