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”，但我得到“你好，{{name ||'World'}}”

Answer 1

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

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

<强>样本

＆＃13;

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

＆＃13;

<!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>

＆＃13;

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

1 个答案: