【问题标题】: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>

你能指出我的错误吗?

【问题讨论】:

标签: angularjs


【解决方案1】:

在 head 中加载 AngularJS 并将 ng-app 分配给控制器元素的父元素之一(例如 html 或 body,因此您会得到 &lt;html ng-app&gt;)。

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

【讨论】:

  • 谢谢。但现在我在浏览器控制台收到“错误:[ng:areq] 参数‘HelloWorldCtrl’不是函数,未定义”错误
  • 1.在页面的某个地方加载 AngularJS 就足够了,不必在头脑中进行。 2. 可以将ng-app 放到控制器元素本身。 plnkr.co/edit/z81xeUqQyQQDSuVsdMpR?p=preview
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-06-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-07
  • 2019-05-08
  • 2013-12-11
相关资源
最近更新 更多