8

我正在尝试学习有关 AngularJS 基础的 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}}

4

1 回答 1

12

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

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

于 2013-10-16T08:10:07.527 回答