How to use angularjs ui router nested views with multi controllers and require js

Question

I'm working on a angular project with angular-ui-route and the use of nested views like:

 $stateProvider.state('app', {
     url: '/form',
     views: {
         'p1@modals': {
             templateUrl: 'form1.html'
         }
         'p2@modals': {
             templateUrl: 'form2.html',
             controller: function($scope) {
                 //do some thing
             }
         }
     }
 })

however, we have several sub views of /form, each of them has a controller, we don't want to put all the controller code in a js file so we write the config as:

 $stateProvider.state('app', {
     url: '/form',
     views: {
         'p1@modals': {
             templateUrl: 'form1.html'
         }
         'p2@modals': {
             templateUrl: 'form2.html',
             controller: 'P2Controller.js'
         }
     }
 })

in P2Controller.js we define the controller as:

 define(['app'], function(app) {
    app.controller('P2Controller', function($scope) {

    });
 })

the problem is how can load the P2Controller.js and invoke the controller

Before you'll get your answer, observe this and that

Radim Köhler
– Radim Köhler

2015-11-06 09:29:00 +00:00
Commented Nov 6, 2015 at 9:29 — Radim Köhler
– Radim Köhler, Commented Nov 6, 2015 at 9:29

Boris Parnikel · Accepted Answer · 2015-11-06 09:36:12Z

0

Why not to use standart technique:

config-file:

angular.module('yourModule', [])
.config(function($stateProvider) {
    $stateProvider.state('app', {
        url: '/form',
        views: {
            'p1@modals': {
                templateUrl: 'form1.html'
            },
            'p2@modals': {
                templateUrl: 'form2.html',
                controller: 'P2Controller'
            }
        }
    })
})

P2Controller.js:

angular.module('yourModule')
.controller('P2Controller', function() {
    //your stuff
});

P.S. 'p1@modals' means that modals is parent for view 'p1'. Be careful with this logic

answered Nov 6, 2015 at 9:36

Boris Parnikel

8631 gold badge7 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

How to use angularjs ui router nested views with multi controllers and require js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related