0

Tenho a seguinte diretiva que monta uma modal. Arquivo: login.component.js

(function() {
    'use strict';

    var app = angular.module('myapp');

    app.directive('loginComponent', ['loginService', function(loginService){
        return {
            templateUrl: 'app/components/login/login.html',
            restrict: 'E',
            replace: true,
            controller: 'homeCrotroller',
            link: function ($scope) {
                $scope.submit = function() {
                    $scope.login();
                    $("#modal-login").modal('hide');
                };

                $scope.cancel = function() {
                    $scope.loggingIn = false;
                    $("#modal-login").modal('hide');
                };

                $scope.$watch('loggingIn', function() {                    
                    if ($scope.loggingIn) {
                        $("#modal-login").modal('show');
                    };
                });
            }
        };
    }]);

})();

E o seguinte controller. Arquivo: home.crotroller.js

(function() {
    'use strict';

    var app = angular.module('myapp');

    app.controller('homeCrotroller', ['$scope', function($scope){

        $scope.loggedIn = false;
        $scope.loggingIn = false;

        $scope.showLogin = function () {
            $scope.loggingIn = true;
        };

        $scope.logout = function () {
            $scope.user = null;
            $scope.loggedIn = false;
        };

        $scope.login = function () {
            $scope.loggingIn = false;
            $scope.loggedIn = true;
        };

    }]);

})();

E na minha view eu chamo a função showLogin()

<a class="login" id="btn-login" href="javascript:void(0);" ng-click="showLogin()" title="Entrar">Entrar</a>

Esta função altera o valor $scope.loggingIn pra true, só que este valor não esta chegando até diretiva. Apenas chega o primeiro status (ao carregar a tela) que é false

12
  • 2
    você já tentou adicionar a propriedade scope: true na sua diretiva? 2/03/2016 às 11:19
  • Você pode postar o seu html para eu ver? Suspeito que o seu botão de "Entrar" esteja fora da sua diretiva, sendo assim, ele pode não ter acesso ao controller. 2/03/2016 às 11:33
  • Fala @CelsomTrindade, não tentei! Por default já não é true? Mas vou tentar, posto o resultado! Valeu. 2/03/2016 às 11:34
  • O seu erro deve ser algo simples, pois seu código parece ok. 2/03/2016 às 11:36
  • 1
    Já conseguiu amigo? Se conseguiu feche o tópico. Caso contrário, tente por na funcao diretiva, scope: { loggingIn: '=' } e também não se esqueça de inicializar no elemento da diretiva (<login-component loggingIn="loggingIn"></login-component>). E obviamente o loggingIn tem que vir de algum controller, claro, não do próprio controller da diretiva. 13/06/2016 às 15:45

0

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

Pesquise outras perguntas com a tag .