Question

我是Angular的新手。

以下是我的HTML代码：

  <tr *ngFor="let item of calendarTableSelected;let idx = index" >
                                    <span *ngIf="idx  === 0">
                                        <td style="width:15%;" *ngFor="let name of item.results" [(ngModel)]="name.value" name="promoOne" ngDefaultControl >  
                                         <span  *ngIf="name.value">
                                            <label style="color:blue;"> &#9679;</label>
                                        </span>
                                    </td>
                                  </span>
                                </tr>
                                <tr *ngFor="let item of calendarTableSelected;let idx = index" >
                                        <span *ngIf="idx  === 1">
                                            <td style="width:15%;" *ngFor="let name of item.results" [(ngModel)]="name.value" name="promoOne" ngDefaultControl >  
                                                <label style="color:red;"> &#9679;</label>

                                        </td>
                                      </span>
                                </tr>

我想如果绑定到name.value的“td”中的值不为null，那么它应该执行语句：

   <label style="color:blue;"> &#9679;</label>

但我无法弄清楚如何做到这一点。请帮忙。

Answer 1

您可以使用* ngIf检查值是否为null，请查看以下示例

https://stackblitz.com/edit/angular-bwj1py?file=app%2Fapp.component.html

角度4：根据条件显示td值

1 个答案: