如何从html传递属性值？
如何从html传递属性值？
提问于 2019-06-19 08:44:14
<ion-select [(ngModel)]="selection" (ionChange)="optionsFn(itinerary.dateRange)">
<ion-select-option *ngFor="let itinerary of itineraries">{{itinerary.startDate | date: "MM/dd"}} - {{itinerary.endDate | date: "MM/dd"}}</ion-select-option>
</ion-select>在这段代码中，dateRange在html中不可见，但它是路线的一部分。如何将dateRange属性从HTML传递给函数？
我收到以下控制台错误：
TypeError:无法读取未定义
的属性“”dateRange“”
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-06-19 09:02:10
使用value属性在selection上映射。
<ion-select [(ngModel)]="selection" (ionChange)="optionsFn(selection.dateRange)">
<ion-select-option [value]="itinerary" *ngFor="let itinerary of itineraries">{{itinerary.startDate | date: "MM/dd"}} - {{itinerary.endDate | date: "MM/dd"}}</ion-select-option>
</ion-select>Stack Overflow用户
发布于 2019-06-19 09:21:47
您可以改用$event，并将<ion-select-option>的值绑定到itinerary对象。
类似于：
<ion-select [(ngModel)]="selection" (ionChange)='optionsFn($event)'>
<ion-select-option *ngFor="let itinerary of itineraries" [value]="itinerary">{{itinerary.startDate | date: "MM/dd"}} - {{itinerary.endDate | date: "MM/dd"}}</ion-select-option>
</ion-select>(我并不完全了解ionic，但出于某种原因，当你在[value]__中传递一个对象时，它不会抱怨，它似乎根本不使用[ngValue]。)
希望它能有所帮助:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56658710
复制相关文章
相似问题