指令中的简单隔离范围不起作用答案

【问题标题】：Simple isolate scope in directive not working指令中的简单隔离范围不起作用
【发布时间】：2014-09-16 17:21:15
【问题描述】：

我在使用 Angular 1.2.24（最新稳定版本）的简单隔离范围时遇到问题。

app.directive('myDirective', function() {
return {
    restrict: 'A',
    scope: {},
    link: function(scope) {
         scope.name = 'This is my directive';   
    }
};

});

<div my-directive>{{ name }}</div>

但是name 是空的。如果我删除 scope: {} 它可以工作。这是为什么呢？

http://jsfiddle.net/98f97cyt

【问题讨论】：

Angular 1.0.1 vs 1.3.0 for directives的可能重复
因为范围是隔离的。它不能在指令之外访问。
我很感兴趣，为什么 Angular 1.2 和 1.3 会出现这种行为。有人可以指出中断更改说明或类似的东西吗？
你以前用过 Angular Here's the commit
我找到了答案：stackoverflow.com/questions/19943935/…

标签： angularjs angularjs-directive

【解决方案1】：

这样使用

HTML：

<div ng-app="MyModule">

    <div my-directive>

    </div>
</div>

JS：

angular.module('MyModule', []).directive('myDirective', function() {
    return {
        restrict: 'A',
        scope: {},      
        template:'<div>{{ name }}</div>',
        link: function(scope) {
             scope.name = 'This is my directive';   
        }
    };
});

【讨论】：

【解决方案2】：

我找到了答案：AngularJS Scope differences between 1.0.x and 1.2.x

此行为是有意的重大更改，在 Angular 1.2.0（rc3 之后）中引入。

【讨论】：