如何在angular中使用单个布尔变量并动态在不同字段中使用

Question

我有一个包含10个文本aria和10个cke编辑器的表单。在加载时，我将仅向他们显示文本区域。

每个文本编辑器顶部都有一个切换按钮，调用此切换功能时，编辑器应更改为cke编辑器

  

我能够为一位编辑者做到这一点

-

  

我不想为此声明10个布尔变量。   我可以解决这个问题的方式。

Answer 1

使用数组

toggle=[];

<div  *ngFor="let d of data;let i=index" (click)="toggle[i]=!toggle[i]" >
{{d}}
<p *ngIf="toggle[i]" >{{'data'}}</p>
</div>

示例：https://stackblitz.com/edit/angular-bgkc6h