首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在html列表中放置两个值,然后只读其中一个值以在<p>中显示{{ }}</p>

如何在html列表中放置两个值,然后只读其中一个值以在<p>中显示{{ }}</p>
EN

Stack Overflow用户
提问于 2018-12-19 18:05:48
回答 1查看 72关注 0票数 2

如何将两个值放在html列表中,然后只读取一个值以显示在

<p>{{ ? }}</p>

代码语言:javascript
运行
复制
<option *ngFor="let pdcSol of this.readSolHeatPumps" [value]="[pdcSol.denumire, pdcSol.cod]">{{ pdcSol.denumire }}</option>

<p>{{  this.formSol.controls['modelPDC'].value }}</p>

在本例中,在段落中,我有两个选项,但我只想显示其中的一个。

谢谢!

EN

回答 1

Stack Overflow用户

发布于 2018-12-19 18:22:06

在您的示例中,[value]="[pdcSol.denumire, pdcSol.cod]"将具有不可预知的效果,因为原生value只支持字符串输入,而您将其映射到两个元素的数组。在下面的示例中,我将其替换为一些通用的id值,仅作为示例。

尝试从控件中提取选定的值:

代码语言:javascript
运行
复制
<select #ctrl="ngModel" [(ngModel)]="someVariable">
    <option *ngFor="let pdcSol of this.readSolHeatPumps" [ngValue]="pdcSol.id">{{ pdcSol.denumire }}</option>
</select>

并在模板中尝试访问它:

代码语言:javascript
运行
复制
<p>{{ ctrl.value }}</p>

除此之外,我假设您使用的是反应式表单,那么在select引用控件中应该可以访问选定的值。但是,您的questin和代码片段非常模糊,无法进行优化

编辑

假设您希望显示列表中的选定值,因为您没有对其进行澄清。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53848847

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档