3

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]})
}
});
4
  • 1
    Sem seu código completo fica difícil ajudar. Acredito que seja um problema bem comum do próprio angularjs. Tenta dar um $scope.apply() depois do for, isso deve forçar o angular atualizar os valores. Commented 24/06/2019 às 15:48
  • @edsonalves Estes trechos são as únicas partes que envolvem o preenchimento da lista e e a exibição na modal. Mas era isto mesmo, obrigado! Commented 24/06/2019 às 17:04
  • É que neste caso só daria pra ter certeza testando o código todo. Que bom que deu certo! Disponha. Commented 24/06/2019 às 17:16
  • Experimente usar ng-src="{{image}}" no lugar de src="{{image}}". Commented 25/06/2019 às 11:26

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .