Ich kann nicht einfach AngularJS App zu arbeiten

Ich kopierte im Grunde diesen Code aus einem Video-Tutorial von der offiziellen Website. Ich wünschte, 4 würde auf dem Bildschirm angezeigt, aber es zeigt weiterhin {{totalTodos}}. Hier index.js:Ich kann nicht einfach AngularJS App zu arbeiten

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

Und hier 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>

Quelle

2017-08-06 Corsys

Mögliche Duplikat [Dieser Beitrag] (https://stackoverflow.com/a/28728380/2435473) –

Es ist eine gute Übung richtig zu starten, wenn Sie Neuling in AngularJS sind. Beginnen Sie mit der Erstellung module und geben Sie ihm einen beliebigen Namen. Ich benutzte app als Modulnamen und dann Controller und so weiter ..

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>

Quelle

2017-08-06 18:33:53 Niroda

Ich kann nicht einfach AngularJS App zu arbeiten

Antwort

Verwandte Themen