Angularjs指令无效“意外令牌”

Question

所以使用1.20 rc2并尝试实现一个指令：

var directives = angular.module('directives', ['controllers']);

directives.directive("drink", function()
{
return 
{
    template: '<div>{{flavor}}</div>',
    link: function(scope){
        scope.flavor = "cherry";
    }
}
});

该指令在主JS文件中被调用

 var comsumerApp = angular.module('comsumerApp', ['ngRoute','controllers', 'services', 'directives']);

所有控制器都像服务一样工作，但是当我尝试这样做时，我得到了这个错误：

“未捕获的SyntaxError：意外的令牌：”

然后我得到了

$ injector：modulerr错误。

注释掉“drink”指令可以阻止这个错误，所以很明显它与：或某事有关。

任何人都可以对这个问题发光，我完全迷失了。

谢谢。

Answer 1

尝试在开始括号之前删除换行符：

return 
{
    template: '<div>{{flavor}}</div>',
    link: function(scope){
        scope.flavor = "cherry";
    }
}

对此：

return {
    template: '<div>{{flavor}}</div>',
    link: function(scope){
        scope.flavor = "cherry";
    }
}

这可能是由于automatic semicolon insertion ，因此您的浏览器会插入一个; return ，因为它认为你错过了它..