如何将两个值放在html列表中,然后只读取一个值以显示在
<p>{{ ? }}</p>?
<option *ngFor="let pdcSol of this.readSolHeatPumps" [value]="[pdcSol.denumire, pdcSol.cod]">{{ pdcSol.denumire }}</option>
<p>{{  this.formSol.controls['modelPDC'].value }}</p>在本例中,在段落中,我有两个选项,但我只想显示其中的一个。
谢谢!
发布于 2018-12-19 18:22:06
在您的示例中,[value]="[pdcSol.denumire, pdcSol.cod]"将具有不可预知的效果,因为原生value只支持字符串输入,而您将其映射到两个元素的数组。在下面的示例中,我将其替换为一些通用的id值,仅作为示例。
尝试从控件中提取选定的值:
<select #ctrl="ngModel" [(ngModel)]="someVariable">
    <option *ngFor="let pdcSol of this.readSolHeatPumps" [ngValue]="pdcSol.id">{{ pdcSol.denumire }}</option>
</select>并在模板中尝试访问它:
<p>{{ ctrl.value }}</p>除此之外,我假设您使用的是反应式表单,那么在select引用控件中应该可以访问选定的值。但是,您的questin和代码片段非常模糊,无法进行优化
编辑
假设您希望显示列表中的选定值,因为您没有对其进行澄清。
https://stackoverflow.com/questions/53848847
复制相似问题