Pregunta
Cómo bindar apropiadamente un objeto a un VM de aurelia.io sin perder la funcionalidad de Select2 y manteniendo el bindado completo del original.
Contexto
Estoy trabajando en un proyecto donde se ha implementado la librería aurelia.io, al tiempo que se está implementado en diversos puntos del proyecto el plugin Select2; el problema radica en que al inicializar el plugin este reemplaza el dom del por una serie de divs y otros objetos, perdiéndose así el del select binding original, el cual permanece oculto a la vista, mientras se trabaja con el nuevo select artificial creado por el plugin Select2.
UPDATE 1
Este es un ejemplo de lo que se desea lograr.
Código HTML:
<select value.bind="currentLinea.Id">
<option value="0" selected>Seleccione una línea</option>
<option repeat.for="linea of Lineas" value.bind="linea.Id">${Linea.Nombre}</option></select>
Código TypeScript:
export class Linea {
Lineas: linea[] = [];
currentLinea: linea = new linea();
showSelectedLineaId() {
alert(this.currentLinea.Id);
}
attached() {
$("select").on("change", event => {
showSelectedLineaId();
});
$("select").select2();
}
}