在angularjs中嵌套视图，每个视图都有单独的控制器

Question

我有一个观点

<section ng-controller="ParentController">
<!-- some contents -->
   <my-directive controller="ChildController"></my-directive>
</section>

脚本

    var app = angular.module('section', []);
    app.controller('ParentController', ['$scope', function($scope){
      //
    }]);
app.controller('ChildController', ['$scope', function($scope){
      //
    }]);

app.directive('myDirective', function(){
  return {
    template : function(ele, args){
       return '<section ng-controller="+args.controller+" ></section>';
    },
    restrict  : 'E'
  }
});

渲染后，我得到'ChildController'不是一个函数，未定义'

为什么会这样？

Answer 1

尝试这样做：

 var app = angular.module('app', []); app.controller('ParentController', ['$scope', function($scope){ // }]); app.controller('ChildController', ['$scope', function($scope){ // }]);