How to change text to input on click in Angular 5?

Question

I'm having trouble with setting values. I need to make input instead of divs and set values instead of getting them when in "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>

Currently it only gets values, but how do I change it on Click?

Thanks in advance.

Ashish Ranjan · Accepted Answer · 2018-06-02 16:06:51Z

1

Using [(ngModel)] ?? Something like:

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

answered Jun 2, 2018 at 16:06

Ashish Ranjan

13k5 gold badges32 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change text to input on click in Angular 5?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related