Primeiro, o ideal:
Como o binding está conectando objetos do Aurelia (ou seja, View e ViewModel), o ideal seria você não usar um agente externo (jQuery, neste caso) para atualizar sua View diretamente. Isso fará com que a alteração não seja rastreada e, consequentemente, ocorra a dessincronização mencionada.
Solução:
bind() {
setTimeout(() => {
// setar o valor diretamente em sua VM, que então atualizará a View,
// considerando que o bind padrão para inputs é de duas vias (two-way)
this.inputvalue = 'Some value';
}, 4000);
}
Agora, o workaround:
Se a situação na realidade é mais complexa e realmente tiver que forçar o refresh do binding manualmente, é necessário sinalizar esta ação.
Para isso:
1) Em sua View, adicionar o binding behavior do tipo signal
ao(s) binding(s) desejado(s):
<template>
<input id="my-input" value.bind="inputvalue & signal:'forcar-refresh'" type="text">
</template>
2) Em sua ViewModel, sinalizar a mudança notificando todos os bindings inscritos a se atualizarem:
import {BindingSignaler} from 'aurelia-templating-resources';
@inject(BindingSignaler)
class MyClass {
@bindable inputvalue;
signaler;
constructor(signaler) {
this.inputvalue = 'First value';
this.signaler = signaler;
}
bind() {
setTimeout(() => {
$('#my-input').val('Some value').change();
this.signaler.signal('forcar-refresh'); // <--- Aqui
}, 4000);
}
}