Estoy tratando de crear una aplicación angular 2, mi problema es que quiero dar un valor predeterminado para una entrada y desactivarla. Intenté esto pero no funciona.
<div class="form-group"> <label for="input01">UUID</label> <input class="form-control form-control-rounded" id="input01" style="width:600px;margin-left:60px" type="text" [(ngModel)]="beacon.uuid" value="{{uuid}}" name="uuid" disabled> </div>¿Alguna solución?
Si desea dar un valor predeterminado sin vinculación bidireccional, use [value] :
<div class="form-group"> <label for="input01">UUID</label> <input id="input01" type="text" [value]="beacon.uuid" class="form-control form-control-rounded" name="uuid" disabled> </div>Tu plantilla:
<div class="form-group"> <label for="input01">UUID</label> <input class="form-control form-control-rounded" id="input01" style="width:600px;margin-left:60px" type="text" [(ngModel)]="beacon.uuid" name="uuid" [disabled]="true"> </div>En su componente:
ngOnInit() { beacon.uuid = "my default value" }Intenta eliminar el valor de la entrada
<div class="form-group"> <label for="input01">UUID</label> <input class="form-control form-control-rounded" id="input01" type="text" [(ngModel)]="beacon.uuid" name="uuid" disabled> </div>De lo contrario, habrá un conflicto entre su estilo y el atributo deshabilitado.