angular - 将 *ngFor 与 ng-container 和 *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时，我想生成的一个 radio 按钮下方:

<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 注入(inject)那个位置？

Answer 1

不带表达式使用

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