AngularJsはコンパイルされません

私は基本的なAngularJSアプリケーションを作成しましたが、コントローラーに宣言されているライブサイトの値は表示されません。AngularJsはコンパイルされません

ライブサイトでは、代わりにコントローラファイルに書き込まれた式が表示されます。

ie。 - それは、表示：

{{タイトル}} {{パラグラフ}}の代わりに

：

第1の角度タイトル第1の角度段落

のindex.html：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Angular Application</title> 
     <script src="js/shared/angular.min.js"></script> 
    </head> 
    <body ng-app="mainApp"> 

    <div ng-controller="MainController"> 

     <h1> {{ title }} </h1> 
     <p> {{ paragraph }}<p> 

    </div> 

    <!-- Modules --> 
    <script src="js/app.js"></script> 

    <!-- Controllers --> 
    <script src="js/controllers/MainController.js"></script> 

    </body> 
</html>

MainController.js

app.controller("MainController", ['$scope', function($scope) { 
    $scope.title = "First Angular Title"; 
    $scope.paragraph = "First Angular Paragraph"; 
}]);

app.js

var app = angular.module("mainApp", []);

私は私が間違ってやっているのか分かりません。私は全く新しいです。私はどんな助けにも感謝します。御時間ありがとうございます。

出典

2017-10-25 user3002792

エラーをブラウザのコンソールをチェックし – jitender

ここで罰金https://jsfiddle.net/ggrs24rs/を動作するこれのJSのフィドルは、お使いのブラウザのエラーを投稿してください... – Nayish

不明なエラー：[$インジェクタ： modulerr] http：//errors.angularj angular.js：4957 s.org/1.6.6 /$injector/modulerr?p0=mainApp&p1=Error%3A...ogleapis.com%2Fajax%2F libs％2Fangularjs％2F1。 6.6％2Fangular.min.js％3A38％の3A201）angular.jsで：88 angular.jsで：4957 Pで（angular.js：410） gで（angular.js：4917） HBで（ angular.js：4839） at c（angular.js：1949）私たち（angular.js：1855）の角度：ja：33884 at HTMLDocument.b（angular.js：3468） – user3002792

-1

私はcdnから角を加え、インラインスクリプトを同じように更新しました。インクルードファイルが正しくロードされていることを確認してください。

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Angular Application</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script> 
    </head> 
    <body ng-app="mainApp"> 

    <div ng-controller="MainController"> 

     <h1> {{ title }} </h1> 
     <p> {{ paragraph }}<p> 

    </div> 

    <!-- Modules --> 
    <script type="text/javascript"> 
    var app = angular.module("mainApp", []); 

    app.controller("MainController", ['$scope', function($scope) { 
     $scope.title = "First Angular Title"; 
     $scope.paragraph = "First Angular Paragraph"; 
    }]); 
    </script> 


    </body> 
</html> 


</body> 
</html>

出典

2017-10-25 06:07:59

上記のコードを検証したところ、コンソールエラーがなくても正常に動作します。しかし、私はapp.jsとMainController.jsを別々にインクルードすることに戻り、コンソールエラーが発生しました。 – user3002792

未知のエラー：[$ injector：modulerr] http：//errors.angularj angular.js：4957 s.org/1.6.6/$injector/modulerr?p0=mainApp&p1=Error%3A...ogleapis.com%2Fajax% 2F LIBS％2Fangularjs％2F1.6.6％2Fangular.min.js％3A38％angular.jsで3A201）：88 angular.jsで：4957 Pにおける（angular.js：gで410）（角度。 js：4917） at hb（angular。JS：4839） Cで（angular.js：1949）Ucが（angular.jsで：1970）私たち（angular.jsで：1855）angular.jsで：HTMLDocument.bで33884 （angular.js ：3468） – user3002792

もう1つ興味深いのは、最新のSafariブラウザで問題なく動作するが、最新のChromeブラウザでは動作しないということです。 – user3002792

AngularJsはコンパイルされません

答えて

関連する問題