0

我刚开始研究 Angularjs，当我来到 ng-controller 时，有一个令人困惑的地方如下：
HTML 代码：

<html lang="en" ng-app="App" ng-controller="AppCtrl">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<title></title>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/controller.js"></script>
</head>
<body>
<div class="container">
<div class="page-header">
<h2>Chapter1 <small>Hello,World</small></h2>
</div>

</div>
<div class="container">
<div class="jumbotron">
<h1>Hello, {{name}}</h1>
<label for="name">Enter Your Name</label>
<input type="text" ng-model="name" class="form-control input-lg" id="name">
</div>
</div>
</body>
</html>

angularjs代码：

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

结果是 {{name}} 模型部分无法获得正确的数据。无法显示默认数据“World”，无论我在输入文本框中输入什么，输出视图始终是 Hello, {{name}}

编辑：我指的是一本关于 angularjs 的书。演示案例显示了我在这里发布的用法。但我现在找到了解决方法。

4

1 回答 1

4

你的 Angular 没有被引导。利用：

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

我建议你先通读一些基础教程。

检查这个工作演示：JSFiddle

于 2016-04-26T03:29:59.313 回答