2016-11-24 7 views
0

Ich bin neu in Angular JS. Ich habe einen einfachen Winkelcode geschrieben, aber der HTML-Code wird nicht richtig dargestellt oder der Ausdruck wird nicht ausgewertet. Bitte helft mit was ich vermisse. Ich benutze angular.min.js minimized (1.6).Angular JS nicht HTML-Rendering

<!DOCTYPE html> 
<html ng-app> 
    <head> 
     <script src="js/angular.min.js"></script> 
     <script> 
      function MyFirstCtrl($scope) { 
      var employees = ['Catherine Grant', 'Monica Grant', 
       'Christopher Grant', 'Jennifer Grant']; 

      $scope.ourEmployees = employees; 
      }; 
     </script> 
    </head> 
    <body ng-controller='MyFirstCtrl'> 
     <h2>Number of Employees: {{ ourEmployees.length}}</h2>  
    </body> 
</html> 
+0

'ng-controller'? 'var app'? 'App.controller'? – Rayon

+0

Lesen Sie die eckigen Dokumente, um zu beginnen..https: //docs.angularjs.org/tutorial – user2427829

+0

Klicken Sie hier, um zu lernen http://www.w3schools.com/angular/default.asp –

Antwort

2

eine Wurzel für Ihre Anwendung mit der ng-app Richtlinie und eine Steuerung für Ihre Anwendung erstellen, aus dem Sie den $scope umgehen können:

var app = angular.module("ng-app", []); 
 
app.controller("myCtrl", function($scope) { 
 
    var employees = ['Catherine Grant', 'Monica Grant', 'Christopher Grant', 'Jennifer Grant']; 
 
    $scope.ourEmployees = employees; 
 

 
});
<!DOCTYPE html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="ng-app"> 
 
<div ng-controller="myCtrl"> 
 
    <h2>Number of Employees: {{ ourEmployees.length}}</h2> 
 
    </div> 
 
</div>

+0

Danke. Das hat geholfen. :) – Rohit