简单指令出错

时间:2014-08-02 19:05:46

标签: angularjs angularjs-directive

我正在学习Angular并试图创建一本书中给出的简单指令。代码如下。

我收到错误,Uncaught SyntaxError: Unexpected token :在线上 template: '<div>Hi there </div>',

我无法弄清楚出了什么问题。你能吗?

<html ng-app="app">
<head>
<script src="angular.js" type="text/javascript"></script>
<script type="text/javascript">

var appModule = angular.module('app', []);

appModule.directive('hello', function()
{

    return 
    {
        restrict: 'E',
        template: '<div>Hi there </div>',
        replace: true
    };

});

</script>
</head>

<body>

    <hello></hello>


</body>

</html>

1 个答案:

答案 0 :(得分:3)

更改此

return 
{

到这个

return {

说明:在第一种情况下,当{位于不同的行时。它实际上意味着返回未定义,后跟无法访问的阻止声明。在块中存在语法错误。