Html AngularJS指令不从控制器读取数据
我试图学习angular指令,并按照这里给出的示例编写了以下代码。有谁能告诉我,指令中没有读取控制器范围内的数据,我做错了什么?网站上什么也没说!执行代码时没有错误,只是不显示任何数据。请帮忙Html AngularJS指令不从控制器读取数据,html,angularjs,Html,Angularjs,我试图学习angular指令,并按照这里给出的示例编写了以下代码。有谁能告诉我,指令中没有读取控制器范围内的数据,我做错了什么?网站上什么也没说!执行代码时没有错误,只是不显示任何数据。请帮忙 //My Html <!DOCTYPE html> <html data-ng-app="MyApp"> <head> <title>Angular Di
//My Html
<!DOCTYPE html>
<html data-ng-app="MyApp">
<head>
<title>Angular Directives</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body >
<div data-ng-controller = "MyCtrl"></div>
<div data-template-expanding-directive></div>
<script src="lib/angular.js"></script>
<script src="js/templateExpandingDirective.js"></script>
</body>
</html>
//My JS
'use strict';
var myapp = angular.module('MyApp',[]);
myapp.controller('MyCtrl',['$scope',function($scope){
$scope.customer = {
name: "Jenny",
place: "England"
};
}])
.directive('templateExpandingDirective',function(){
return {
template: 'Name: {{customer.name}}'
};
});
关于指令当前不在控制器范围内。因此,您需要在控制器范围内具有指令。html应该是这样的-
<div data-ng-controller = "MyCtrl">
<div data-template-expanding-directive></div>
</div>
如果不在控制器div元素内移动directive元素,则可以拥有一个或多个父“div”元素,或从全局根作用域访问数据。Ohh,我的错!谢谢!