2016-11-24 82 views
0

我是Angular JS的新手。我写了一个简单的Angular代码,但是HTML没有正确渲染,或者表达式没有得到评估。请帮助我失去了什么。我正在使用angular.min.js缩小(1.6)。Angular JS不呈现HTML

<!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

阅读角度docs开始..https://docs.angularjs.org/tutorial – user2427829

+0

点击开始学习http://www.w3schools.com/angular/default.asp –

回答

2

设置root为您的应用与ng-app指令,并为您的应用程序控制器,从中可以处理$scope

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

谢谢。这有帮助。 :) – Rohit