0

Estou preenchendo o meu $scope via JavaScript usando o seguinte código:

    myApp.controller('gruposController', ['$scope', '$http', '$window', 'usuariosFactory', '$timeout', function ($scope, $http, $window, membrosFactory, $timeout) {
    // Cria um namespace para os dados do formulário
    $scope.formData = {
        /* Inicializa os participantes / aprovadores para que não seja preciso
         * validar no controller principal
         */
        participantes: [],
        aprovadores: []
    };

    // [...]
    function atualizarGrupo(id) {
    // Promisse para processar a requisição
    var grupoPromise = $scope.getGrupo(id);
    grupoPromise.then(
        // Função para executar caso tudo ocorra normalmente
        function(response) {
            // Mostra a tela
            $('.fancy-inline-group[href="#add-group"]').click();

            var grupo = angular.fromJson(response.data);

            $scope.formData.grupo = grupo.grupo;
            $scope.formData.descricao = grupo.descricao;

            // Reseta os participantes e aprovadores
            $scope.formData.aprovadores = [];
            $scope.formData.participantes = [];
            var usuarios = grupo.usuarios;

            // Lógica para preencher os aprovadores e participantes
            if (usuarios.length > 0) {
                angular.forEach(usuarios, function(usuario, key) {
                    var usuarioID = usuario.id;
                    $scope.formData.participantes.push(usuarioID);
                    if (usuario.pivot.aprovador == 1) {
                        $scope.formData.aprovadores.push(usuarioID);
                    }
                });
            }

            // Aplica as mudanças ao objeto $scope
            $timeout(function() {
                console.log($scope.formData);
                $scope.$apply();
            });
        },
        function(response) {
            console.log('Error: ' + response.statusText);
        }
    );
}

Abaixo, como está o HTML:

    <div id="add-group" ng-controller="gruposController">
    <h1><strong>Adicionar</strong> Grupo</h1>
    <hr />
    <form action="" class="form-horizontal">
        <input type="hidden" name="id" value="" ng-model="formData.id" />
        <div class="form-group">
            <label for="name" class="col-sm-2 control-label">Nome do grupo*</label>
            <div class="col-sm-10">
                <input type="text" name="grupo" ng-model="formData.grupo" class="form-control" value="" required="required" placeholder="">
            </div>
        </div>
[...]

O binding ao digitar um valor nos inputs ocorre corretamente, assim como quando eu executo um console.log($scope) ele mostra os dados corretos, porém os inputs não atualizam no formulário. Vi que ao executar o $scope.$apply() no $timeout teoricamente atualizaria meu $scope visualmente, porém isso não aconteceu.

7
  • 1
    Geralmente isso acontece pq os campos que deveriam ser atualizados estao fora do escopo do controller que vc definiu post também o html pf Commented 18/10/2015 às 21:34
  • 1
    Outra coisa, aonde vc de declarou o $scope? Commented 18/10/2015 às 21:35
  • atualizei a questão com os códigos que você solicitou. O binding padrão (ao mudar os valores dos inputs) funciona normalmente. O problema está em mandar valores manualmente do JS para os inputs. Acredito que só aí.
    – llanfair
    Commented 20/10/2015 às 1:35
  • Faça um teste. Remova o atributo value="" do teu input Commented 20/10/2015 às 10:32
  • Mesma coisa. Na verdade isso eu inseri depois para outros fins.
    – llanfair
    Commented 20/10/2015 às 23:47

0

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

Pesquise outras perguntas com a tag .