我的"Hello World"Angular JS无效

Question

我的"Hello World"Angular JS无效

Nad*_*uli 3 javascript webstorm angularjs hello.js

我一直在学习Angular js的教程,我正在使用Web Storm 9.0.1.

我只是创建了一个Html页面并将Angular.js文件加载到项目中.这是我的简单代码:

    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Hello World</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 World ";
        }
    </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

但是当我运行页面时,我得到的是:{{helloMessage}}作为标题1!我该怎么办？我在这里失踪了什么？

Answer 1

Mic*_*ael 6

你需要:

<body ng-app>

Run Code Online (Sandbox Code Playgroud)

这ngApp需要了解AngularJS必须在哪里工作

这是您的工作代码:http: //plnkr.co/edit/lPOknrPD5dykwImL6Pb9？p = preview

对于未来,不再需要使用Plnkr或JSFiddle.StackOverflow有自己内置的代码段执行.您只需在答案中插入代码段即可. (2认同)

归档时间：	10 年，11 月前
查看次数：	5087 次
最近记录：	8 年，7 月前