0
402
VistasDeshabilitar botón en Angular 2
Quiero que si la entrada 'Tipo de contrato' está vacía, no se puede hacer clic en el botón 'Guardar'
Botón Guardar:
<div class="col-md-4"> <cic-textbox [control]="formGroup.get('contractType')"></cic-textbox> </div>Todos los botones:
<div class="cic-header-actions pull-left" *ngIf="actions && actions.length > 0"> <button class="btn btn-{{action.style}} ml-xs" *ngFor="let action of actions" ng-disabled="!contractTypeValid" (click)="execute(action)"> <cic-icon [icon]="action.icon"></cic-icon> {{action.text }} </button> </div>Definición tipo de contrato:
let contractType: DataDictionaryPropertyExtended = { Binding: 'VART:BEZEICHNUNG', Label: 'Vertragsart', LabelCols: 4, ContentCols: 8, IsDisabled: this.isDisabled, ValidationProperties: [ <ValidationProperty>{ Type: ValidationType.IsNotEmpty, ErrorMessage: 'Vertragsart darf nicht leer sein.', } ] };BOTÓN GUARDAR VERDE:
·
Santiago Trujillo
2 Respuestas
Responde la pregunta0
Cambie ng-disabled="!contractTypeValid" a [disabled]="!contractTypeValid"
·
Santiago Trujillo
Denunciar
0
Intenté usar [disabled]="!editmode" pero no funcionó en mi caso.
Esta es mi solución [disabled]="!editmode ? 'disabled': null" , comparto la preocupación de quién.
<button [disabled]="!editmode ? 'disabled': null" (click)='loadChart()'> <div class="btn-primary">Load Chart</div> </button>
·
Santiago Trujillo
Denunciar
Responde la pregunta