Question

我已将代码放在jsbin：http://jsbin.com/fewom/1/edit

如果有人可以指导我，我在那里做错了什么。我已经指定了范围在myDirective中与范围隔离：{}但是当我在html中的my指令中编写myProperty时，我能够读取myProperty。

我使用的是AngularJS https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js

当我将我的图书馆改为开始工作时，

https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js

然后我试过了，

Angular JS 1.2.16版 https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js

和

Angular JS版本1.3.0-beta.5 https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js

并且孤立范围的问题再次出现。

Answer 1

你没有控制器，所以没有任何东西将你的指令绑定到你的HTML。

将你的js更改为此（我刚添加了一个空白控制器）：

angular.module('myApp', [])
    .directive('myDirective', function() {
        return {
            restrict: 'A',
            scope: {}
        };     
    })
.controller('ctrl', function (){

});

并在您的html中，更改为此（引用控制器）：

<html ng-app="myApp" ng-controller='ctrl'>

AngularJS隔离指令继承周围或父范围

1 个答案: