使用* 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">