Disable Button in Angular 2

I want if the input 'Contract type' is empty, the button 'Save' is not clickable

Save button: 

<div class="col-md-4"><cic-textbox [control]="formGroup.get('contractType')"></cic-textbox></div>

ALL Buttons:

 <div class="cic-header-actions pull-left" *ngIf="actions && actions.length > 0"><button class="btn btn-{{action.style}} m-l-xs" *ngFor="let action of actions" ng-disabled="!contractTypeValid" (click)="execute(action)"><cic-icon [icon]="action.icon"></cic-icon>{{action.text }}</button></div>

Definition contractType: 

 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.',}]};

BUTTON SAVE GREEN:

enter image description here

2

Best Answer

Change ng-disabled="!contractTypeValid" to [disabled]="!contractTypeValid"

I tried use [disabled]="!editmode" but it not work in my case.

This is my solution [disabled]="!editmode ? 'disabled': null" , I share for whom concern.

<button [disabled]="!editmode ? 'disabled': null" (click)='loadChart()'><div class="btn-primary">Load Chart</div></button>

Stackbliz https://stackblitz.com/edit/angular-af55ep

Random Posts

How to deal with react, react-dom, @types/react and @types/react-dom package versions?How to extract outstanding values from an object returned by waldo::compare()?CSS flexbox spacing issues with gap propertyAssigning Image from URL with Dragonflyshould be mapped with insert="false" update="false"Implementing Depth First Search into C# using List and StackWhy can't I use a dictionary named `dict` before assigning to it?Android Compose TextField: How to set exact 3 lineswhat's the typeof(jQuery)Dynamically create section for list in SwiftUISpring Boot + Java modules = Unsupported class file major versionHow to create a unique key for v-for&& (AND) and || (OR) in IF statementsBash coding conventionsDocker build slow since Debian ArchivesPyTorch RetinaNet train model inputsIs there a Vim plugin for previewing markdown files? [closed]How does popen() work and how to implement it into c++ code on linux?Getting the IP address of the current machine using JavaRoot Directory Information Included in Compiled Jar File?