angularjs - ng-controller 位于 angularjs 指令内？

Question

在许多教程中，我看到 Controller 被传递到这样的指令中:

.directive("mainRightPanel", function(){
  return {
        templateUrl: "views/partials/panels/mainRightPanel.html",
        controller: function($http, $filter, $scope) {
            var info = this;
            $scope.authorWorks;
            $http.get('test/book_data.json').success(function(data){
                $scope.authorWorks= data;
            });
          },
}

但是，我想采取不同的做法。我没有像上面那样编写 javascript，而是在指令中调用 Controller 时遇到问题，如下所示

<div ng-app="mainLeftPanelModule" ng-controller="leftPanelController" class="list-group ">

这可能吗？如果是的话，以这种方式连接 Controller 有什么问题吗？

Answer 1

您可以将 ng-controller 放置在 ng-app 内的任何位置，包括指令模板内。例如这应该有效:

.directive("mainRightPanel", function(){
    return {
    template: '<div ng-controller="myCtrl">The rest of your directive can go here<div>'
  }
}