簡単なAngularJSアプリを動作させることはできません

私は基本的に公式サイトのビデオチュートリアルからこのコードをコピーしました。私は '4'が画面に表示されたかったと思うが、 '{{totalTodos}}'を表示し続ける。はここにindex.js：簡単なAngularJSアプリを動作させることはできません

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>

出典

2017-08-06 Corsys

の可能性のある重複[このポスト]（https://stackoverflow.com/a/28728380/2435473） –

それはあなたが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>

出典

2017-08-06 18:33:53 Niroda

簡単なAngularJSアプリを動作させることはできません

答えて

関連する問題