使用* ngFor與NG-容器和* ngIf

Question

我的表單中有一節包含了一組n個單選按鈕（我們將在這裏設定N = 3）出現在模板：

<input type="radio" name="variety" value="11" (click)="update($event)">SomeNameX 
<input type="radio" name="variety" value="23" (click)="update($event)">SomeNameY 
<input type="radio" name="variety" value="36" (click)="update($event)">SomeNameZ 

以下單選按鈕欲產生的其中之一被選擇適當SomeName時：

<div *ngIf="selected===11">Last updated: Sept 1</div> 
<div *ngIf="selected===23">Last updated: Oct 3</div> 
<div *ngIf="selected===36">Last updated: Nov 4</div> 

，其中對於每個SomeName日期和值被從數據庫返回。我使用下面的代碼做的工作：

<ng-container *ngFor="let item of items;"> 
    <div   
    *ngIf="selected==={{item.id}}" 
    >Last updated: {{item.dte}}</div> 
    </ng-container> 

這是因爲{{item.id}}一件失敗 - 我怎麼可以注入正確的值/ ID到那個位置？

謝謝/湯姆。

Answer 1

使用不表達

<div *ngIf="selected===item.id">