単純な角度モジュールが正しく

Question

だから私は、角のjsの小さなテストアプリケーションをやろうとしている動作していない私は身体の中

<div ng-app="testApp" ng-controller="myCtrl"> {{firstName + " " + lastName}} </div> を持っており、この

<script> 
     var testapp = angular.module("testApp",[]); 
     testapp.controller("myCtrl",function ($scope) { 
      $scope.firstName = "John"; 
      $scope.lastName = "Doe"; 
     }); 
    </script> 

は、それがのオフに何が起こっているのです。しかし、私はまだこれを受けています：

は、どのように私はそれが私が「ジョン・ドウ」である欲しいものを表示するように入手できますか？私はおそらく何か単純な間違っていると知っています...

Answer 1

コードスニペットエディタで正常に動作しています。 あなたは、実施例

var testapp = angular.module("testApp",[]); 
 
     testapp.controller("myCtrl",function ($scope) { 
 
      $scope.firstName = "John"; 
 
      $scope.lastName = "Doe"; 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="testApp" ng-controller="myCtrl"> 
 
    {{firstName + " " + lastName}} 
 
    </div>

Answer 2

//Create a seperate js file named module.js in which add your code as below 
var testapp = angular.module("testApp",[]); 
    testapp.controller("myCtrl",function ($scope) { 
     $scope.firstName = "John"; 
     $scope.lastName = "Doe"; 
    }); 

//then inject module.js file below the angular.min.js and please make 
//angular.min.js locally because it won't work when you will offline