难以使用旧教程中的 Angular 控制器

Question

我正在阅读一本 Angular 的基础书籍，它使用控制器来设置字段。但是，我没有得到预期的输出。在这里和其他地方搜索，看起来我正在正确调用它，但有些东西不起作用。有什么明显的错误吗？还有什么可以尝试的吗？详情如下。谢谢

文件html:

<html lang="en" ng-app ng-controller="AppCtrl">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <title></title>
  <script src="js/angular.min.js"></script>
  <script type="text/javascript" src="js/controller.js"></script>
</head>
<body>
  <h1>Hello, {{name || 'World'}}</h1>
  <input type="text" ng-model="name">
</body>

controller.js:

function AppCtrl($scope) {
 $scope.name = "World";

（函数右大括号因代码格式化而丢失）

预期输出是 "Hello, World"，但我得到 "Hello, {{name || 'World'}}"

Answer 1

您缺少 ng-app 和控制器中的模块。

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

演示

var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope, $http) {
 $scope.name = "World";
});

<!DOCTYPE html>
<html>
<head> 
</head>

<body>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  <div ng-app="myApp" ng-controller="AppCtrl">
  <h1>Hello, {{name || 'World'}}</h1>
  <input type="text" ng-model="name">
  </div>
</body>

</html>

难以使用旧教程中的 Angular 控制器

Difficulty with Angular controller usage from old tutorial

angularjs

ng-controller