Accessing a controller from Angular UI routing

Question

(function () {

    var app = angular.module('foo', ['bar'])
    .config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider
        .state('home', {
            url:'/home/:Id',
            templateUrl: '/foo/template.thml',
            controller: 'bar'
        })

    });

})();

Here is the Index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<body ng-app="steve">

    <div ui-view></div>
</body>
</html>


<script type="text/javascript" src="Scripts/angular.min.js"></script>
<script type="text/javascript" src="Scripts/angular-ui-router.js"></script>
<script type="text/javascript" src="app/user/BarController.js"></script>
<script type="text/javascript" src="app/App.js"></script>

And The bar controller

(function () {

    var app = angular.module('bar', []);
    app.controller('barCTRL', function () {
        this.mark = 'mark test';
    });


})();

I have a controller created in another JS file, and want to pass it through the controller option in the .state config section. Whenever I do i get this error

Any help would be much appreciated. Thank you very much!

Typo? bar != barCTRL

PSL
– PSL

2015-01-02 20:27:01 +00:00
Commented Jan 2, 2015 at 20:27 — PSL
– PSL, Commented Jan 2, 2015 at 20:27

Thierry · Accepted Answer · 2015-01-02 20:08:22Z

2

Try this:

var app = angular.module('foo', ['bar'])
    .config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider
        .state('home', {
            url:'/home/:Id',
            templateUrl: '/foo/template.thml',
            controller: 'barCTRL'
        })

    });

answered Jan 2, 2015 at 20:08

Thierry

5,2533 gold badges27 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Accessing a controller from Angular UI routing

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related