I don't want to load all of my controllers. I have found some articles about loading a controller dynamically but haven't succeeded. I tried:
var premaApp = angular.module('premaApp', ['ngRoute']);
premaApp.config(function ($routeProvider) {
$routeProvider
.when('/',
{
templateUrl: '/Home/Test',
controller: 'personController',
resolve: '/app/controllers/product.controller.js'
});
});
But I got an error. What is the right way to do this?
I think your problem is in resolve because you're using it in a wrong way.
I did this:
$routeProvider
.when('/',
{
templateUrl: "newsView.html",
controller: "newsController",
resolve: {
message: function(messageService){
return messageService.getMessage();
}
}
})
A resolve contains one or more promises that must resolve successfully before the route will change. This means you can wait for data to become available before showing a view, and simplify the initialization of the model inside a controller because the initial data is given to the controller instead of the controller needing to go out and fetch the data.
You can do this as well:
$routeProvider
.when('/',
{
templateUrl: "newsView.html",
controller: "newsController",
}
})
the resolve parameter is optional.
I hope that helps!
This is how you use different views and controllers in angular routing
.when('/', {
templateUrl: 'partials/homepage.html',
controller: 'Controller1'
})
.when('/test', {
templateUrl: 'partials/test.html',
controller: 'Controller2'
})
.when('/page/:pageId', {
templateUrl: 'partials/page.html',
controller: 'Controller2'
});
