get angularJS controller in javascript

Question

I have controller defined as this:

var servicesInstance = angular.module('myApp');
servicesInstance.controller('ServicesViewController', function() {
    console.log("ServicesViewControllerconstructor."); 

    this.initialize = function() {
        console.log("ServicesViewController initialize."); 
    };

});

And I would like to get an instance of it dynamically in code like this:

var instance = $injector.get('ServicesViewController');

Note: please ignore the hardcoded strings. For this post, I hardcoded the strings. however, in reality, the controller name will come from configuration data (eg: json object).

The instance variable is always null. $injector.has('ServicesViewController') always returns false.

Why would this be the case? Is this the correct way to get a controller instance?

Thank you Matt

EDIT: Throwing in more info I kept out because I was trying to keep the question simple. I am using requireJS to load the javascript code which creates the controller. EG:

define([], function(ServicesViewControllerProvider) {
    'use strict';

    var servicesInstance = angular.module('myApp');
    servicesInstance.controller('ServicesViewController', function() {
        console.log("ServicesViewController Constructor"); 

        this.initialize = function() {
            console.log("ServicesViewController initialize."); 
        };

    }); 

    var servicesViewController = new Object();
    servicesViewController.$inject=['$scope'];
    servicesViewController.view = "/test/ServicesView.html";
    servicesViewController.requiresUI = true;    
    servicesViewController.controllerName = "ServicesViewController";    

    return servicesViewController;    
});

Thanks Matt

see change in code. sorry. I am trying to get a controller not a service. But should it matter when calling $injector.get? — tatmanblue
– tatmanblue, Commented Jul 25, 2017 at 20:19
If you don't need to have the controller registered first it might be easier to actually do this dynamically. angular.module("myApp").controller( var, function) — Mike Feltman
– Mike Feltman, Commented Jul 25, 2017 at 20:25

henrybbosa · Accepted Answer · 2017-07-25 21:01:23Z

1

This is one way i know to get an instance of a controller

var instance = $controller('ServicesViewController');

parsing scope it is usually

//var instance = $controller('ServicesViewController',{$scope: $scope});
//call in service
servicesInstance.service('myService',function ($controller, $rootScope) {
   var scope = $rootScope.$new(true);
    //here you have  ServicesViewController scope
   var instance = $controller('ServicesViewController',{scope: $scope});

});

edited Jul 25, 2017 at 21:01

answered Jul 25, 2017 at 20:27

henrybbosa

1,12513 silver badges29 bronze badges

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

8 Comments

tatmanblue Over a year ago

when I tried that earlier, I was getting an error on $scope. Uncaught TypeError: Cannot read property '$scope' of undefined. I tried defining the controller both with and without $scope injected.

henrybbosa Over a year ago

Where you calling it in another controller or a service ?

tatmanblue Over a year ago

Henry, can you point me to an example of how to use $modal to set scope? thank you.

henrybbosa Over a year ago

Have you tried that new edit to set controller scope?

tatmanblue Over a year ago

Thank you for the example, Henry. When I follow that, I get an unknown provider error: Error: [$injector:unpr] Unknown provider: $modalProvider <- $modal Im not familar with $modal. when I google, I get details about modal dialog services which doesn't sound like what we are discussion.... thnx

|

Collectives™ on Stack Overflow

get angularJS controller in javascript

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related