CODEWITHSUNDEEP
angularangular-reactive-formsmat-table
smarteez
smarteez

Reputation: 23

Angular mat table disable buttons based on the data

I have a table with 4 cols ( id, document , status and edit) . 3 values come from an api call

when the table loads what I need done is each row must check the status value and if it false disable the button

I using reactive forms

Please can someone help

Upvotes: 0

Views: 1134

Answers (1)

Pardeep Jain
Pardeep Jain

Reputation: 86740

You can simply disabled any button conditionally using disable property binding like below -

<div *ngFor='let item of items'>
....
   <button [disabled]='!item?.status'>Edit</button>
...
</div>

Upvotes: 3

Related Questions