无法使用“Hello World”与Angular JS合作

时间:2013-10-16 08:08:17

标签: angularjs

我正在尝试关注AngularJS Fundamentals的PluralSight课程。那个人的代码如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Hello World</title>
        <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link href="css/default.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <header>
            <h1 ng-controller="HelloWorldCtrl">{{helloMessage}}</h1>
        </header>
        <section>
        </section>
        <footer>
        </footer>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>

        <script type="text/javascript">
            function HelloWorldCtrl($scope) {
                $scope.helloMessage = "Hello World";
            }
        </script>
    </body>
</html>

然而它适用于他而不适合我!我究竟做错了什么?对我来说似乎是一个非常简单的设置,但它对我不起作用。我没有得到Hello World,而是得到:

  

{{helloMessage}}

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:12)

html标记内添加ng-app属性。像这样:<html ng-app>

工作示例:http://plnkr.co/edit/dBJmLr?p=preview