Angular js - ngDialog how to open dialog from a controller?

Question

Hi i installed the following module https://github.com/likeastore/ngDialog

it works great but i can't get how to open the dialog box from a controller, i do:

var app = angular.module('app', ['ngRoute','ngAnimate','ngSanitize','ngDialog']);

app.controller('SignupController', function($rootScope,$scope) {
    $scope.signup = function(){
        var error = false,
        error_list = "ERRORS";

        if(!$scope.signup_username){
            error = true;
            error_list += "\n\n Username \n " + $rootScope.errors.required_field;
        }if(!$scope.signup_email){
            error = true;
            error_list += "\n\n Email \n " + $rootScope.errors.valid_email;
        }if(!$scope.signup_password){
            error = true;
            error_list += "\n\n Password \n " + $rootScope.errors.required_field;
        }

        if(error){
            ngDialog.open({template:error_list,plain:true});
        }else{
            //register
        }
    }

});

But it doesn't works as expected, cause i get console error : ngDialog is not defined.

@Tshepang you're welcome man but it is really ok as it is :) — Filippo oretti
– Filippo oretti, Commented Jan 29, 2014 at 14:12
Not really. It has a tag in the title; not acceptable around here. — tshepang
– tshepang, Commented Jan 29, 2014 at 14:19

Maurice · Accepted Answer · 2014-01-29 10:27:48Z

8

Your controller is not taking a dependency on ngDialog so it is an unknown variable at runtime.

app.controller('SignupController', function($rootScope, $scope, ngDialog) {
    $scope.signup = function(){
        var error = false,
        error_list = "ERRORS";

        if(!$scope.signup_username){
            error = true;
            error_list += "\n\n Username \n " + $rootScope.errors.required_field;
        }if(!$scope.signup_email){
            error = true;
            error_list += "\n\n Email \n " + $rootScope.errors.valid_email;
        }if(!$scope.signup_password){
            error = true;
            error_list += "\n\n Password \n " + $rootScope.errors.required_field;
        }

        if(error){
            ngDialog.open({template:error_list,plain:true});
        }else{
            //register
        }
    }
});

answered Jan 29, 2014 at 10:27

Maurice

27.7k5 gold badges52 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular js - ngDialog how to open dialog from a controller?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related