为什么我的Hello world脚本不起作用？

时间：2015-07-02 14:59:20

标签： angularjs

我是angularjs的新手，所以我在Starting 0 Done 5.010554 WaitAndPrint 5.010554 中尝试这样的脚本：

Index.html

但是当我运行它时，会显示 <!DOCTYPE html> <html lang="en" ng-app="DEMO"> <head> <title></title> </head> <body> <h1 ng-controller="HelloWorldCtrl">{{HelloMessage}}</h1> <script src="angular.min.js"></script> <script type="text/javascript"> function HelloWorldCtrl($scope) { $scope.HelloMessage = "Hello Pejman"; } </script> </body> </html> 而不是{{HelloMessage}}，问题是什么？

编辑：这是教程： enter image description here

1 个答案:

答案 0 :(得分：3)

你没有引导角度模块，这就是为什么你的代码不起作用的原因。您必须在任何HTML标记中调用ng-app以通知Angular start。因此声明的Angular标签下的所有子标签都可以使用指令，范围，控制器等。

请在此处查看以了解如何创建控制器并使用它：https://docs.angularjs.org/guide/controller

试试这个：

<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello World</title>
<script src="angular.min.js"></script>
</head>

<body>

     <h1 ng-app="demo" ng-controller="HelloWorldCtrl">{{HelloMessage}}</h1>

    <script type="text/javascript">
        var app = angular.module('demo', []);

        app.controller('HelloWorldCtrl', function($scope) {
            $scope.HelloMessage = "Hello Pejman";
        });
    </script>
</body>
</html>
相关问题
最新问题