Tenho o seguinte cenário.
Possuo uma lista em um webservice, porém quando eu espero um retorno para passar o valor para meu componente, ele simplesmente não faz o binding porque é demorado, e mesmo quando traz, caso eu chame o WS novamente, ele não atualiza os dados.
Segue abaixo código de como estou tentando implementar. Eu fiz esse exemplo por cima sem colocar os imports
, só para colocar aqui e expor a maneira que estou tentando implementar.
@Component({
template:'<div *ngFor="let dados of lista">{{dados.nome}}<br/></div>',
selector: 'meu-component'
})
MeuComponent {
private _vaiPraView: any;
@Input() testes: any;
ngOnInit() {
this.trataDados();
}
trataDados () {
this._vaiPraView = [];
let idx = 0;
for(let teste of this.testes) {
teste.realvector = idx;
idx++;
this._vaiPraView.push(teste);
}
}
}
//html... com binding (não rola...)
@Component({
template:'<meu-component [testes]="lista"></meu-component>',
directives: [MeuComponent]
})
export class TestePage {
private lista: any;
constructor() {
}
ngOnInit () {
//Um evento demorado.. formato de data exemplo: [{nome: 'oi'},{nome: 'tudobem'},{nome: 'contigo'}]
AlgumaCoisa.then(data => {
this.lista = data;
});
}
}
//html... sem binding rola porém quero que fique do jeito acima e detecte a alteração.
@Component({
template:'<meu-component [testes]="[{nome: 'oi'},{nome: 'tudobem'},{nome: 'contigo'}]"></meu-component>',
directives: [MeuComponent]
})
export class TestePage {
private lista: any;
constructor() {
}
ngOnInit () {
//Um evento demorado.. formato de data exemplo: [{nome: 'oi'},{nome: 'tudobem'},{nome: 'contigo'}]
AlgumaCoisa.then(data => {
this.lista = data;
});
}
}
MeuComponent { ...
você não usou oexport class
, será que o problema poderia ser ali?