Preciso exibir em uma modal uma lista das imagens selecionadas, porém ela é exibida apenas após clicar (dar o foco) em algum local na modal.
Trechos do código:
HTML:
<label>Imagens: </label>
<fieldset class="">
<div class="divImg" ng-repeat="item in modelCheckList.listImagens" id="ID_{{item.nome}}" ng-click="">
<img width="40px" height="30px" src="{{item.imagem}}">
<button ng-click="removeImg($index)" type="button" class="botaoCancelaImg"><span
aria-hidden="true">x</span></button>
</div>
</fieldset>
Controller:
Promise.all(promises).then(fileContents => {
for (let index = 0; index < fileContents.length; index++) {
$scope.modelCheckList.listImagens.push({ id, idCheckList, 'base64': fileContents[index], nome: nomeArq[index]})
}
});
$scope.apply()
depois do for, isso deve forçar o angular atualizar os valores.ng-src="{{image}}"
no lugar desrc="{{image}}"
.