一个元素具有单独作用域的多个指令

Question

一个元素可以有多个不同作用域的指令吗？

比方说，我们有一个带有控制器作用域的自定义指令的子级和任何指令(这里是"ng-class")：

<custom-directive data-model="model">
  <input class="child" data-ng-class="controllerScopeValue">
</custom-directive>

现在，我们要向子对象添加具有独立作用域的额外指令。如下所示：

angular.module('core').directive('customDirective', [function($compile) {
  return {
    scope: {
      'model': '='
    },
    compile: function(templateElement, templateAttrs) {
      templateElement.children().attr('data-ng-model', 'directiveScopeValue');
      return function($scope) {
        $scope.directiveScopeValue = 'directive\'s scope value';
      }
    }
  };
}]);

那么，如何为每个指令保留单独的作用域呢？

Answer 1

不，这是不可能的，如果你尝试这样做，你会得到类似的错误

请求新/独立作用域的多个指令myDirective1、myDirective2

plunker

忽略下面的伪代码

app.directive('myDirective1', ['$document',
function ($document) {
return {
    restrict: 'A',
    replace: false,
    scope : {},

和

app.directive('myDirective2', ['$document',
function ($document) {
return {
    restrict: 'A',
    replace: false,
    scope : {},