Change controller for a view in angular

Question

Is there any way for me to change a view's controller in angular?

angular.module('app', [
  'ngRoute'
]).
config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/', {
    templateUrl: 'views/home/index.html',
    controller: 'home',
    replace: false
  })
  $routeProvider.otherwise({redirectTo: '/'});
}]);

What I'm trying to do is give another controller for index.html in runtime.

Define "runtime", what are you trying to achieve? – thomaux Apr 14 '15 at 14:37 — thomaux, Apr 14 '15 at 14:37
could you explain little bit more ? – Shaxrillo Apr 14 '15 at 14:49 — Shaxrillo, Apr 14 '15 at 14:49

score 1 · Answer 1 · answered Apr 14 '15 at 14:51

1

Instead of messing with the view, define a couple of views, and change the current configuration with state.

ex: view1 has controller#1 and url#1 view2 has controller#2 and url#1

Read this blog for a more thorough explanation: http://txt.fliglio.com/2013/05/angularjs-state-management-with-ui-router/

answered Apr 14 '15 at 14:51

Magnus Gudmundsson

456
3
14

Thanks, but the problem is I need to let all the views to share the same path. Can I do that? – Bomin Apr 15 '15 at 08:28

score 0 · Answer 2 · edited May 23 '17 at 12:14

angular.module('myapp', []).config(function($provide, $routeProvider) { $provide.factory('$routeProvider', function () { return $routeProvider; }); }).run(function($routeProvider, $http) { $routeProvider.when('/', { templateUrl: 'views/main.html', controller: 'MainCtrl' }).otherwise({ redirectTo: '/' }); $http.get('/dynamic-routes.json').success(function(data) { $routeProvider.when('/', { templateUrl: 'views/main.html', controller: 'MainCtrl' }); // you might need to call $route.reload() if the route changed $route.reload(); }); });

AngularJS dynamic routing

Change controller for a view in angular

2 Answers2