Как изменить текст для ввода по клику в Angular 5?

Question

У меня проблемы с настройкой значений.Мне нужно сделать ввод вместо div и установить значения вместо того, чтобы получать их, когда в "editMode".

                <div class="geim__sets">
              <div *ngFor="let set of game.sets" class="geim__set">
                <div *ngIf="set.get('tbrType') === 1 && !editMode" >
                  <div class="set1">{{ set.get('scoreFirst') }}
                  </div>
                  <div class="set1">{{ set.get('scoreSecond') }}</div>
                </div>
                <div *ngIf="set.get('tbrType') === 2 && !editMode">
                  <div class="set2">{{ set.get('scoreFirst') }}
                    <span class="power">{{ set.get('tbrFirst') }}</span>
                  </div>
                  <div class="set2">{{ set.get('scoreSecond') }}
                    <span class="power">{{ set.get('tbrSecond') }}</span>
                  </div>
                </div>
                <div *ngIf="set.get('tbrType') === 3 && !editMode">
                  <div class="set3">[{{ set.get('scoreFirst') }}]</div>
                  <div class="set3">[{{ set.get('scoreSecond') }}]</div>
                </div>
              </div>
            </div>

В настоящее время он только получает значения, но как я могу изменить его при нажатии?

Заранее спасибо.

Answer 1

Использование [(ngModel)] ??Что-то вроде:

<ng-container *ngIf="set?.tbrType === 1 && !editMode" >
      <input name="scoreFirst" [(ngModel)]=set?.scoreFirst>
      <input name="scoreSecond" [(ngModel)]=set?.scoreSecond>
 </ng-container>