Question

我有一个非常简单的Angular示例：

Polymer.dom(app)

正如您所看到的，我正在使用CDI中的Angular。虽然当我在浏览器中查看此内容时出现以下错误：

<html ng-app>
<head>
  <title>Angular Test</title>
</head>
<body ng-controller='myController'>
  <h1>Angular Test</h1>
  <p>{{hello.text}}</p>
  <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js'></script>
  <script>
    function myController ($scope) {
      $scope.hello = {text : 'Hello World!'};
    }
  </script>
  </body>
</html>

我真的刚刚开始使用Angular，所以这可能是一个非常荒谬的错误。

Answer 1

您正在使用Angular 1.3.16，这意味着您必须手动将控制器注册到您的应用，并且不要匿名。

所以你需要在javascript代码中更改它：

var myApp = angular.module('myApp', []);
myApp.controller('myController', myController);

并像这样定义你的模块：

ng-app="myApp"

Answer 2

检查您的图书馆位置，请放在头部

<html ng-app>
<head>
  <title>Angular Test</title>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
</head>
<body ng-controller='myController'>
  <h1>Angular Test</h1>
  <p>{{hello.text}}</p>
  <script>
    function myController ($scope) {
      $scope.hello = {text : 'Hello World!'};
    }
  </script>
  </body>
</html>

Plunker：http://plnkr.co/edit/gBUAabtisdHFKxikmjkA?p=preview

ng：简单应用中的areq错误

2 个答案: