我正在尝试创建自定义指令..
<head>
<script type="text/javascript" src="../Scripts/angular.min.js"></script>
<script type="text/javascript" src="../Scripts/DataDirectives.js"></script>
</head>
<body style="overflow: hidden" >
<div ng-app="myApp">
<SampleData></SampleData>
</div>
</body>
在一个名为 DataDirectives.js 的单独 Javascript 文件中,存在以下代码..
var app = angular.module('myApp', []);
app.directive('SampleData', function () {
return {
restrict: 'E',
template: '<div>Sample Div,To test angular Directives</div>'
};
});
因此,当我运行该页面时,我在该页面上看不到 div 元素的任何文本。我上面的代码可能有什么问题。 感谢您提前提供的帮助...:)
最佳答案
您有 2 个 ng-app,但您没有遵循所需的命名约定
var app = angular.module('myApp', []);
app.directive('sampleData', function() {
return {
restrict: 'E',
template: '<div>Sample Div,To test angular Directives</div>'
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
<sample-data></sample-data>
</div>
关于javascript - 创建自定义指令不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30566684/