Angular JSがレンダリングされないHTML

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>

出典

2016-11-24 Rohit

'NG-controller'を？ 'var app'ですか？ 'app.controller'？ – Rayon

開始するには角度のドキュメントを読んでください.https：//docs.angularjs.org/tutorial – user2427829

ここをクリックして学習を開始してください。 –

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

出典

2016-11-24 10:22:40 SLePort

ありがとうございます。それが助けになりました。 :) – Rohit

Angular JSがレンダリングされないHTML

答えて

関連する問題