SyntaxFix

[angular] Disable Button in Angular 2

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

Examples related to angular

• error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class • error TS1086: An accessor cannot be declared in an ambient context in Angular 9 • TS1086: An accessor cannot be declared in ambient context • @angular/material/index.d.ts' is not a module • Why powershell does not run Angular commands? • error: This is probably not a problem with npm. There is likely additional logging output above • Angular @ViewChild() error: Expected 2 arguments, but got 1 • Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class' • Access blocked by CORS policy: Response to preflight request doesn't pass access control check • origin 'http://localhost:4200' has been blocked by CORS policy in Angular7

Examples related to button

• How do I disable a Button in Flutter? • Enable/disable buttons with Angular • Disable Button in Angular 2 • Wrapping a react-router Link in an html button • CSS change button style after click • Circle button css • How to put a link on a button with bootstrap? • What is the hamburger menu icon called and the three vertical dots icon called? • React onClick function fires on render • Run php function on button click

Examples related to input

• Angular 4 - get input value • React - clearing an input value after form submit • Min and max value of input in angular4 application • Disable Button in Angular 2 • Angular2 - Input Field To Accept Only Numbers • How to validate white spaces/empty spaces? [Angular 2] • Can't bind to 'ngModel' since it isn't a known property of 'input' • Mask for an Input to allow phone numbers? • File upload from <input type="file"> • Why does the html input with type "number" allow the letter 'e' to be entered in the field?

Examples related to components

• How to Refresh a Component in Angular • Angular 4 - get input value • Disable Button in Angular 2 • How to Pass data from child to parent component Angular • How to map an array of objects in React • Checking for Undefined In React • What's the difference between an Angular component and module • React component initialize state from props • How to manage Angular2 "expression has changed after it was checked" exception when a component property depends on current datetime • React - how to pass state to another component