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 ，因為它認為你錯過了它..