Директивы AngularJS - Изолированный масштаб и унаследованная область

Question

Я пытался понять разницу между изолированной областью и унаследованной областью действия в директиве. Это пример, который я подготовил, чтобы заставить себя понять:

HTML-

<div ng-controller="AppController"> 
    <div my-directive> 
     Inside isolated scope directive: {{myProperty}} 
    </div> 

    <div my-inherit-scope-directive> 
     Inside inherited scope directive: {{myProperty}} 
    </div> 
</div> 

The JS

angular.module("myApp", []) 
     .directive("myInheritScopeDirective", function() { 
      return { 
       restrict: "A", 
       scope: true 
      }; 
     }) 
     .directive("myDirective", function() { 
      return { 
       restrict: "A", 
       scope: {} 
      }; 
     }) 
     .controller("AppController", ["$scope", function($scope) { 
      $scope.myProperty = "Understanding inherited and isolated scope"; 
     }]); 

Выполнение кода с угловыми-1.1.5, она работает как Я ожидал: {myProperty} внутри моей-директивы будет undefined из-за изолированной области видимости, тогда как для my-inherit-scope-директивы {{myProperty}} будет иметь значение Understanding inherited and isolated scope.

Но выполнение с помощью Angular-1.2.1 в обоих директивах {{myProperty}} выходов Understanding inherited and isolated scope.

Все, что у меня отсутствует?

Answer 1

Текстовый узел внутри вашей директивы связан с областью контроля. Поэтому объем директивы не влияет. Я думаю, что это имеет changed от версии 1.2. Вы должны использовать шаблон для директивы:

.directive("myIsolatedDirective", function() { 
    return { 
     template: 'Inside isolated in template scope directive: {{myProperty}}', 
     restrict: "A", 
     scope: { 
      myProperty: '=' 
     } 
    }; 
}) 

Проверить this fiddle.