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">

使用* ngFor和ng-container和* ngIf

1 个答案: