Angular 4 typescript to disable a button if a boolean value is false?

Question

I want to write a function in typescript, let's name it 'isActive()', and call it on a button in my html file. I also have a boolean value called 'isActive' declared. Suppose I have 2 buttons, when I click button 1, isActive() is called and if isActive value is set to false, button 2 is disabled. Any help?

I don't get why this question is down voted. Is this not a programming question?!! — Sadaf Fara
– Sadaf Fara, Commented Aug 12, 2018 at 7:27

Sahil Purav · Accepted Answer · 2018-08-12 06:30:16Z

3

Based on your question, what I understood is:

There are total two buttons: A and B. Out of which, if A is clicked then based on value of the updated variable you want to disable button B

If this the requirement then you can use "click" event from Angular. E.g. here

Your HTML

<button id="a" (click)="fnl($event)">A</button>
<button id="b" [disabled]="!isActive">B</button>

Your TS

fnl(e) {this.isActive=!this.isActive}

don't forget to declare isActive as class variable

answered Aug 12, 2018 at 6:30

Sahil Purav

1,3644 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 4 typescript to disable a button if a boolean value is false?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related