Quiero reemplazar la etiqueta con el cuadro de texto de entrada y viceversa haciendo clic en un botón en Angular 2. Sé que tengo que usar ngIf de algún tipo, pero estoy un poco confundido sobre cómo hacerlo.
HTML:
<form> <div class="information"> <label *ngIf="editMode">{{textValue}}</label> <input *ngIf="editMode" [ngModel]="name"> <button (click)="editMode=true">Edit</button> <button (click)="editMode=false">Save</button> </div> </form>Lo único que necesita agregar a uno de sus *ngIf es un signo de exclamación:
<label *ngIf="!editMode">{{textValue}}</label> lo que significa que la etiqueta se muestra cuando editMode es falso. El signo de exclamación es el operador NOT, que se utiliza como prueba de verdad en una variable. Más aquí: ¿Qué significa un signo de exclamación antes de una variable en JavaScript?