Tengo un formulario con algunos <select>
enlazados a un objeto que proviene de un servicio web:
<select [(ngModel)]="configDatas.type" name="type" id="type">
<option value="0">Disabled</option>
<option value="1">Day</option>
<option value="2">Week</option>
</select>
<select [(ngModel)]="configDatas.days" name="days" id="days">
<option value="0">Monday</option>
<option value="1">Tuesday</option>
<option value="2">Wednesday</option>
</select>
Todo funciona como se esperaba en este lado.
Necesito agregar al final de mi formulario una oración que es un resumen de la elección de los usuarios. Algo como :
<span> You selected type {{configDatas.type}} with day {{configDatas.days}}</span>
pero en lugar del valor estoy buscando el texto de la opción. Me gustaría ver algo como:
Seleccionaste el tipo Semana con día Lunes
¿Es esto posible directamente en la plantilla sin utilizar ningún tipo de conversión en el lado del componente?
Actualizado : puede usar el evento de cambio para realizar un seguimiento de la opción recién seleccionada:
<select [(ngModel)]="configDatas.type" name="type" id="type" #type (change)="updateType(type.options[type.value].text)">
<option value="0">Disabled</option>
<option value="1">Day</option>
<option value="2">Week</option>
</select>
<select [(ngModel)]="configDatas.days" name="days" id="days" #days (change)="updateDay(days.options[days.value].text)">
<option value="0">Monday</option>
<option value="1">Tuesday</option>
<option value="2">Wednesday</option>
</select>
<span> You selected type {{selectedType}} with day {{selectedDay}}</span>
export class App {
configDatas: any;
selectedType: string;
selectedDay: string;
constructor() {
this.configDatas = {
'type': '',
'days': ''
};
}
updateType(text: string) {
this.selectedType = text;
}
updateDay(text: string) {
this.selectedDay = text;
}
}
Ejemplo actualizado http://plnkr.co/edit/ay7lgZh0SyebD6WzAerf
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras