Is the angular ngRoute 'Controller' declaration necessary?

问题

After reading both the api and the developer guide, I still don't understand the functionality provided by declaring 'controller' in a given route. Right now I just have my controllers declared as ng-controller directives in my views. Is ngRoute simply providing an alternative method?

To make my question explicit in code, see below:

--Index.html
...
<body ng-app="MyApp">
  <div ng-view>
  </div>
</body>

--View.html
<div id="myView" ng-controller="MyController">
...
</div>

--Route.js
var app = angular.module('MyApp', [ require('angular-route') ]);

app.controller('MyController', ['$scope', function ($scope) {
  console.log('this gets executed as I would expect');
}])
.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/', { templateUrl: '/Index.html' })
    .when('/view', { templateUrl: '/View.html' });
    // below line makes no difference as an alternative to above
    //.when('/view', { templateUrl: '/View.html', controller: 'MyController' });
}]);

回答1:

There are two ways to define controller for a view.

Either in the controller declaration in the ng-route
in the ng-controller for the view.

Either one is fine.

回答2:

You should pick one option over the other since using both will actually give you duplicate controllers, i.e. both will be used. If you're using Routes, then you can specify a few additional properties such as resolve which has been mentioned in the comments and this will allow you to perform an action, or supply supplementary data etc.

Take a look at this article, Using Resolve In Angular, for more information.

Also, you should look into using Controller As, which sets you up for future proofing. John Papa has a few blogs and videos where he praises the use of Controller As and using the var vm = this; style syntax, take a look here.

Also, as a side note, you should use the .otherwise in your routes as this will capture any requests that are invalid and at least serve up a valid page from your site. You can see this in the routeProvider documentation.

来源：https://stackoverflow.com/questions/27314029/is-the-angular-ngroute-controller-declaration-necessary

标签

angularjs

ngroute