我有以下指令:
angular.module("example_module", [])
.directive("mydirective", function() {
return {
scope: { data: "@mydirective" }
compile: function(element) {
element.html('{{example}}');
return function($scope) {
$scope.example = $scope.data + "!";
};
}
};
});
以下是HTML代码:
<!DOCTYPE html>
<html ng-app="example_module">
<head>
<meta charset="utf-8">
<title>Example title</title>
<script src="lib/angular/angular.min.js"></script>
<script src="js/example.js"></script>
</head>
<body>
<div mydirective="Hello world"></div>
</body>
</html>
我希望这个指令能被编译成
Hello world!
,但是它却被编译为空字符串。scope
创建了一个隔离作用域,似乎不可能访问到{{example}}
。我想知道由
compile()
创建的新HTML代码如何访问链接函数$scope
。