Toggle table row based on if condition not working

Question

Need to toggle one table row based on if condition not working.

If status id none I need to open a form in popup but if status is done popup shouldn't open.

<ng-container *ngFor="let person of personList | 
        searchFilter:searchValue;index as i">
    <tr *ngIf="person.status == 'none'" 
            data-toggle="modal" data-target="#personModal" 
            (click)="function(person.id)">
        <tr *ngIf="person.status == 'done'" >
            <td>Place</td>
            <td>Job</td>
        </tr>
    </tr>
</ng-container>

When I tried this solution the row is not displaying in the table list

It may help to add the typescript component class, so that anyone offering help can use the variables you are using, and it will be easy for them. — Obum
– Obum, Commented Mar 3, 2022 at 8:38
it is just an html, angular think i guess nothing related to script. there is some issue while am using two tr tag for one table row! — mevr
– mevr, Commented Mar 3, 2022 at 8:43
what i find is you do not close second <tr> after second </td> — Aman Sharma
– Aman Sharma, Commented Mar 3, 2022 at 8:53
There should be one tr at a time based on the condition, one opening and closing tr (one row) — mevr
– mevr, Commented Mar 3, 2022 at 11:22

Waldir J. Pereira Junior · Accepted Answer · 2022-03-03 12:27:53Z

1

Probably you should do something like this:

<ng-container *ngFor="let person of personList | searchFilter:searchValue;index as i">
  <tr *ngIf="person.status == 'none'" data-toggle="modal" data-target="#personModal" 
      (click)="someFunction(person.id)">
    <td>Place</td>
    <td>Job</td>
  </tr>
  <tr *ngIf="person.status == 'done'" >
    <td>Place</td>
    <td>Job</td>
  </tr>
</ng-container>

But it's important to see your TypeScript code. You should make a Stackblitz example.

answered Mar 3, 2022 at 12:27

Waldir J. Pereira Junior

8261 gold badge10 silver badges18 bronze badges

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

1 Comment

mevr Over a year ago

let me check and will get back, Thank you!

Collectives™ on Stack Overflow

Toggle table row based on if condition not working

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