Angular js beginnerのヘルプが必要

私はAngular jsの初心者です。私はコードを書いたが、私は以下の出力を得ている。私のコードを修正できますか？Angular js beginnerのヘルプが必要

これはindex.htmlにある：これはApp.jsのコードである

<body> 
    <div ng-controller="MainController"> 
    {{ value }} 
    <h1>Hello, world</h1> 
    </div> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
    <script type="text/javascipt" src="app.js"></script> 
</body> 

</html>

：

angular.module('app',[]); 
var MainController = function($scope){ $scope.value="This is Angular" }

しかし、私はこの出力を取得しています：{{ $scope.value }} Hello, world

私が確認しました私はエラーメッセージを受け取りました。ここにはエラーメッセージがあります。[https://docs.angularjs.org/error/ $ injector/modulerr？p0 = app & p1 =エラー：％20％5B $ injector：nomod％5D％ 20http：％2F％2Ferrors.angularjs.org％2Fundefined％2F $ injector％2Fnomod％3Fp0％3Dapp％0A％20％20％20％20at％20https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％ 2F1.2.0％2Fangular.min.js：6：453％0A％20％20％20％20at％20https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.2.0％2Fangular.min.js ：20：119％0A％20％20％20％20％20％％20（https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.2.0％2Fangular.min.js：19：353） 20％20％20％20％20％20％14％0％20％20％20％20％20％20％20％20％20％20％20％20％20％20％20％20％20％ 20at％20https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.2.0％2Fangular.min.js：28：434％0A％20％20％20％20at％20Array.forEach％20（％ 3Canonymous％3E）％0A％20％20％20％20at％20q％20（https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.2.0％2Fangular.min.js：7：261）％0A％20％20％20％20％％20％％20（https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.2.0％2Fangular.min.js：28：374）％0A％20 ％20％20％20％％20Xb％20（https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.2.0％2 20％20％20％20％20％20％（https：％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.2.0％2Fangular.min。 js：17：315）！

出典

2017-08-10 user7223950

（余談：あなたは、あなたのプロジェクトに角度の非縮小さバージョンをリンクしている場合それらのばかげたURLの代わりに読みやすいエラーメッセージが表示されます.1年ほど前にそれを理解してください。展開する前に縮小版に戻ってください！） –

変更あなたのapp.jsコード次のように、

var app = angular.module('app',[]); 
app.controller('MainController',function($scope){ 
    $scope.value="This is Angular"; 
});

DEMOとして

var app = angular.module('app',[]); 
 
app.controller('MainController',function($scope){ 
 
    $scope.value="This is Angular"; 
 
});

<html ng-app="app"> 
 
    <body> 
 
      <div ng-controller="MainController"> 
 
      {{ value }} 
 
      <h1>Hello, world</h1> 
 
      </div> 
 
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
 
     
 
</body></html>

出典

2017-08-10 15:51:52 Sajeetharan

こんにちは、コードを共有していただきありがとうございます。しかし、モジュールをコントローラにバインドして同じ出力を得ることは可能です。なぜなら、学習ビデオの1つでは、私が言及したコードに対して同じ出力を得ているからです。どうしたのだろう？ – user7223950

ありがとうございました。 – user7223950

Angular js beginnerのヘルプが必要

答えて

関連する問題