简单的 AngularJS HelloWorld 不起作用答案

【问题标题】：Simple AngularJS HelloWorld doesn't work简单的 AngularJS HelloWorld 不起作用
【发布时间】：2016-08-18 01:48:11
【问题描述】：

我是 AngularJS 的新手。刚刚写了一个简单的 Hello World 来玩 Angular。它似乎不起作用，我不明白为什么。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Hello Angular World</title>
</head>
<body>

    <h1 ng-controller="HelloWorldCtrl">{{HelloAngularWorld}}</h1>

    <script src="angular.js"/>
    <script type="text/javascript">
    function HelloWorldCtrl($scope) {
        $scope.HelloAngularWorld = "Hi World of Angular!";
    }

    </script>
</body>
</html>

你能指出我的错误吗？

【问题讨论】：

看一看：stackoverflow.com/questions/19398190/…
非常感谢！你拯救了我的一天！
从他们的首页看到这个例子http://stackoverflow.com/questions/33845076/data-binding-in-angular-js/39002950#39002950

标签： angularjs

【解决方案1】：

在 head 中加载 AngularJS 并将 ng-app 分配给控制器元素的父元素之一（例如 html 或 body，因此您会得到 <html ng-app>）。

从他们的首页查看这个例子：http://angularjs.org/#add-some-control

【讨论】：

谢谢。但现在我在浏览器控制台收到“错误：[ng:areq] 参数‘HelloWorldCtrl’不是函数，未定义”错误
1.在页面的某个地方加载 AngularJS 就足够了，不必在头脑中进行。 2. 可以将ng-app 放到控制器元素本身。 plnkr.co/edit/z81xeUqQyQQDSuVsdMpR?p=preview