无法使简单的AngularJS应用正常工作

Question

I basically copied this code from a video tutorial from the official site. 我基本上从官方网站的视频教程中复制了此代码。 I wish '4' were shown on the screen, but it keeps showing '{{ totalTodos }}'. 我希望屏幕上显示“ 4”，但它一直显示“ {{totalTodos}}”。 Here index.js: 这里index.js：

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

And here index.html: 还有index.html：

<html ng-app>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
    <div ng-controller="TodoCtrl">
        {{ totalTodos }}
    </div>
    </body>
</html>

Answer 1

It's good practice to start correctly if you are newbie in angularJs. 如果您是angularJs的新手，那么正确启动是一个好习惯。 Start by creating module and give it any name. 首先创建module并为其命名。 I used app as a module name and then your controller and so on .. 我使用app作为模块名称，然后使用您的控制器等等。

 angular.module("app", []).controller("TodoCtrl", function ($scope) { $scope.totalTodos = 4; });

 <html ng-app="app"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script> <script type="text/javascript" src="index.js"></script> </head> <body> <div ng-controller="TodoCtrl"> {{ totalTodos }} </div> </body> </html>

无法使简单的AngularJS应用正常工作

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-08-06 18:33:53

无法使简单的AngularJS应用正常工作

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-08-06 18:33:53

解决方案1
1 已采纳 2017-08-06 18:33:53