私の後ろにあるチュートリアルのように私のコントローラとモジュールがバインドされていない理由がわかりません。私は自分のコードのライブプレビューを提供し、$ scope.messageを表示する代わりに{{message}}という単語しか表示しないブラケットプログラムを使用しています。私はanglejsを学び始めたばかりです。ドキュメントの先頭では、スクリプトタグを使用してsrc = "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js" ここに本文があります... Angular.jsバインディング（単純なhtmlドキュメント）

あなたは正常にHTML文書に到達しました。

<div ng-app="myModule" ng-controller="myController"> 

    <!h5 tag contains a binded expression> 

     <h5> {{message}} </h5> 
    <ul> 
     <li ng-repeat="x in cars"> {{x}} </li> 

     </ul> 


    </div> 


    <!Create a module named 'myModule'Create controller named 'myController'> 

    <script> 


    var myApp =angular.module("myModule",[]); 

    myApp.controller("myController", function ($scope){ 

     $scope.cars = ["BMW", "Toyota", "Ford", "Range Rover"]; 
     $scope.message = "My students are the best in the world!"; 

    }) 

    </script> 


</body>

出典

2016-08-15 Kasper_Sky

あなたも 'ファイルをブラウザで開くと、それは動作します：/// ...'？。 – pr0gramist

おそらくエラーが発生しているようです。あなたはコンソールに何かを見ますか？ – 1252748

これは{{message}}を示していますが、教材ビデオではブラウザに実際のメッセージ「私の学生は世界で最高です！」が表示されます。私はコードラインをライン用に複製し、同じプログラムを使用して、 "ブラケット"を提案しています。 –

モジュールが作成され、したがって、$injector:modulerr例外をスローする前に、角度はあなたのngAppを検出します。コンソールを開くと、これを見ることができます。 ngAppが適用されているコンテナの上に文書内のスクリプトを移動すると、問題が解決されます。

http://jsbin.com/quxinozubu/edit?html,js,output

出典

2016-08-16 15:46:41 1252748

あなたのコードは私のために正常に動作しています。私はちょっとした間違いを見ただけです。あなたはコントローラーでセミコロンを見逃しました。

var myApp =angular.module("myModule",[]); 
 

 
    myApp.controller("myController", function ($scope){ 
 

 
     $scope.cars = ["BMW", "Toyota", "Ford", "Range Rover"]; 
 
     $scope.message = "My students are the best in the world!"; 
 

 
    });

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title></title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
    </head> 
 
    <body> 
 

 
    <div ng-app="myModule" ng-controller="myController"> 
 

 

 

 
     <h5> {{message}} </h5> 
 
    <ul> 
 
     <li ng-repeat="x in cars"> {{x}} </li> 
 

 
     </ul> 
 

 

 
    </div> 
 

 

 

 
    
 

 

 
</body> 
 
</html>

出典

2016-12-05 06:55:00

@ Kasper_Sky、あなたが役に立つと思うなら、これを答えにしてください。 –

Angular.jsバインディング（単純なhtmlドキュメント）

あなたは正常にHTML文書に到達しました。

答えて

関連する問題