Question

我刚刚开始研究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}}模型部分无法获得正确的数据。没有默认数据＆＃34; World＆＃34;可以显示，无论我在输入文本框中输入什么，输出视图总是Hello，{{name}}

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

Answer 1

你的Angular没有自助。使用：

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

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

查看此工作演示：JSFiddle

ng-controller：angularjs控制器的基本用法无效

1 个答案: