javascript - AngularJS 指令出错 - 无法读取未定义的属性 'compile'

Question

AngularJS 的新手并尝试创建一个简单的指令。代码失败并显示类型错误:无法读取未定义的属性“编译”。任何建议将不胜感激。

JS

var xx = angular.module('myApp', []);
xx.directive('myFoo', 
             function(){
                 return 
                 {
                     template:'23'
                 };                     
});

HTML

<div ng-app="myApp">
<div my-foo></div>
</div>

您可以在此处找到代码和错误 https://jsfiddle.net/p11qqrxx/15/

Answer 1

这只是你的返回声明。

差:

return 
{} // This returns undefined, return is odd and doesn't look at the next line

好:

return{
} // Returns an empty object, always open your object on the same line as the return

更好:

var directive = {};
return directive; // How I always do it, to avoid the issue.