javascript – How to checked the checkbox if amount

I am trying to create an inventory App with Angular 11 and I have some fields in the Angular table like amount, name, status, etc. I can update and create (not yet delete)
When I edit a product, if I set an amount <0, the status should be checked. This means out of stock.
Should I create a new function from ts file or how can I use *ngIf is it fine?

    <thead>
        <tr>
            <th style="width: 30%">Status</th>
            <th style="width: 30%">StockCode</th>
            <th style="width: 30%">Name</th>
            <th style="width: 30%">Amount</th>
            <th style="width: 30%">Updated At</th>

            <th style="width: 10%"></th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let pro of product">
            <td> <input type="checkbox" *ngIf="pro.amount<1" >In Stock</td>
            <td>{{pro.stockCode}}</td>
            <td> {{pro.name}}</td>
            <td>{{pro.amount}}</td>
            <td>{{pro.lastUpdatedAt}}</td>
            <td>
                <a routerLink="edit/{{pro.id}}" class="btn btn-sm btn-primary mr-1">Edit</a>
                <!-- <span (click)="deletePro(pro.id)" class="text-danger">Delete</span> &nbsp; -->
            </td>
        </tr>
        <tr *ngIf="!product">
            <td colspan="4" class="text-center">
                <span class="spinner-border spinner-border-lg align-center"></span>
            </td>
        </tr>
    </tbody>
</table>```

(this explains the situation)(1)


  (1): https://i.stack.imgur.com/CnjUw.png

Thank you!