Question

我是angularJS的新手，我被困在一个基本步骤上。我正在关注视频教程，我甚至无法使用简单的绑定工作。出于某种原因，我的输出仍然只是字符串{{totalTodos}}而不是值4.我做错了什么？我在jetbrains webstorm中编辑，如果相关，我通过CDN链接下载了角度库。

我的index.html：

<!doctype HTML>    
<html ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
    <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
    <script type="text/javascript" src="todo.js"></script>
    <link rel="stylesheet" href="bootstrap-3.3.1-dist/dist/css/bootstrap.css">

</head>
<body>
<div ng-controller="TodoCtrl">
    {{totalTodos}}
</div>
</body>
</html>`

我的todo.js：

function TodoCtrl($scope) {
    $scope.totalTodos = 4;
}

Answer 1

你必须在javascript文件中使用一个控制器，它类似于你所拥有的，但不是精确的。另外，请确保为应用程序命名。

它看起来应该更像：

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

app.controller('TodoCtrl', function ($scope) {
  $scope.totalTodos = 4;
});

在定义ng-app时，为应用程序命名，只需在HTML文件中执行ng-app="appname"

基本的html ng-app无法正常工作

1 个答案: