How to disable button Angular?

Question

I tried this function:

public hireDisableForm() {
    const dis =  this.person.birthDate == '' || this.person.passportNumber == '' || this.person.passportSerie == '';
    return (!dis) ? null : dis;
  }

It return me true, I checked this in console.log().

Using:

<button class="hire1" [disabled]="hireDisableForm()">Save</button>

It does not disable button.

disabled means 'not clickable' - you won't necessarily see any style change unless you put some in i.e button[disabled] {background-color:red}. If you inspect the element in the dev tools you should see that it is disabled. — Joe Keene
– Joe Keene, Commented Sep 21, 2017 at 13:36

Faly · Accepted Answer · 2017-09-21 13:21:07Z

1

You do it in so complicated way! You can do it simpler:

public hireDisableForm() {
    return !(this.person.birthDate && 
           this.person.passportNumber && 
           this.person.passportSerie);
}

answered Sep 21, 2017 at 13:21

Faly

13.4k2 gold badges21 silver badges39 bronze badges

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

1 Comment

POV Over a year ago

No matter, it return also true, but button is not disabled.

Collectives™ on Stack Overflow

How to disable button Angular?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related