Javascript AngularJS仪表板包括其自己的控制器

我正试图用两个具有各自独立控制器的分区创建一个仪表板

我没有问题利用ng include来实现正确加载模板，我遇到的问题是将它们自己的控制器绑定到仪表板中，以便它们作为同一仪表板页面上的两个独立模块运行。是否有人完成了此任务，或者我只需要将子作用域所需的所有内容复制到主仪表板作用域中

编辑 我对这一切还有些困惑。。。。所以我创建了一个我的currentish配置的plunker，稍微修剪了一下

---

不要使用

ng include

，而是编写一个。比如：

app.directive('moduleOne', function () {
  return {
    restrict: 'E',
    templateUrl: 'module-one.html',
    scope: {
      model: '=' // << two-way binding
    },
    link: function () {
      // post compile stuff
    },
    controller: ['$scope', '$timeout', function ($scope, $timeout) {
      // controller stuff
      $timeout(function () {
        $scope.model.text = 'change in model one';
      }, 4000);
    }]
  };
});

app.directive('moduleTwo', function () {
  return {
    restrict: 'E',
    templateUrl: 'module-two.html',
    scope: {
      string: '@attr' // << one-way binding
    },
    link: function () {
      // post compile stuff
    },
    controller: ['$scope', '$timeout', function ($scope, $timeout) {
      // controller stuff
      $timeout(function () {
        $scope.string = 'change in model two';
      }, 2000);
    }]
  };
});

app.directive（'moduleOne'，function（）{
返回{
限制：'E'，
templateUrl:'module one.html'，
范围：{
model:'='//我的resolve语句中有几个延迟，如何正确导入这些延迟？@Brian您可以使用一些技术。1）2）
范围
配置。我将尝试添加一个示例。我一直以我的应用程序为出发点，我喜欢所有内容的结构，每个都是包含一组操作的单独模块。plunker在其当前配置中不工作，因为它引用了代码的未构建部分，但我想要显示当前的结构。@Brian我添加了一个新的plunker，希望它能对您有所帮助。请注意，我故意不在
CompaniesLoader
中使用
ngResource
，尽管这可以在您的代码中轻松更改。您也可以轻松地将公司特定的代码提取到它自己的模块中。我没有这样做'不要这样做，只是为了使示例的设置更简单。