Question

我基本上从官方网站的视频教程中复制了这段代码。我希望＆＃39; 4＆＃39;显示在屏幕上，但它会一直显示＆＃39; {{totalTodos}}＆＃39;。这里是index.js：

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

这里是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

如果你是angularJs中的新手，那么正确启动是一个好习惯。首先创建module并为其指定名称。我使用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 个答案: