Мб кто подскажет. Через нг-фор выводятся списки. Они могут отображаться в 2 видах - статический и редактируемый(обычные спаны меняются на инпуты). Меняю я это дело по клику(изменяем значение переменной editMode). Проблема в том, что это значение меняется глобально, потому при смене режима - меняются сразу все поля, а не одно(на которое нажали). Подскажите, каким образом организовать изменение переменной именно для конкретного ul. Заранее прошу прощения за тупой вопрос. Просто сижу туплю уже долго. Вот код:
<ul *ngFor="let hero of heroes">
<li>
<span *ngIf="!editModeValue">{{
hero.id }}</span>
<input *ngIf="editModeValue" type="text" value="{{
hero.id }}">
</li>
<li>
<span *ngIf="!editModeValue">{{
hero.name }}</span>
<input *ngIf="editModeValue" type="text" value="{{
hero.name }}">
</li>
<li>
<button *ngIf="!editModeValue" type="button" (click)="changeMode(true)">update</button>
<button *ngIf="editModeValue" type="button" (click)="changeMode(false)">back</button>
</li>
</ul>
ts file:
editModeValue = false;
changeMode() {
this.editModeValue = !this.editModeValue;
}