AngularJS ng-repeat - モジュールまたはコントローラを取得できません

AngularJSにはまったく新しいので、私はこれをあまりにも早く実行しようとしたかもしれません。AngularJS ng-repeat - モジュールまたはコントローラを取得できません

私はAngularJSでdivに日付と文字列の繰り返しを表示しようとしていますが、何をしても配列内のデータの代わりに同じ{{x.name}}が表示され続けます。ここで

はヘッダーです：

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <link rel="stylesheet" href="styles.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" /> 
    <script type="text/javascript" src="myApp.js"></script> 
    <script type="text/javascript" src="controller.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
</head>

は、ここで私は自動化しようとしているセクションです：

<section id="angular-section" ng-app="myApp"> 
    <h1>ANGULAR SECTION</h1> 
    <div class="main" ng-controller="myCtrl"> 
     <div class="container"> 
      <div ng-repeat="x in employees"> 
       <div class="headshot"> <img src="{{ x.cover }}"> 
        <p>{{ x.name }}</p> 
        <p>{{ x.strtdate | date }}</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</section>

ここcontroller.jsの内容は次のとおりです。

angular 
.module('myApp',[]) 
.controller('myCtrl', ['$scope', function($scope){ 
      $scope.employees = [ 
       { 
        name: 'Jamie Bohanna', 
        strtdate: new Date('2014', '03', '08'), 
        cover: 'img/JH.jpg', 
       } 
       , /* etc..... */ 
]; 
     });

はここですmyApp.js：

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

私はこのエラーを取得するのいずれかcontroller.jsまたはmyApp.jsにアクセスしようとしている：

Cannot GET /controller.js

出典

2017-02-08 CaffeineFueledWebDev

編集：スニペットは

を追加し、あなたがしているので、controller.jsに[]を削除しますあなたがangular.module("myApp", [])（ここでは[]に気付く）を置くと、既にmyApp.jsにアプリが作成されています。（それが既に作成されたので）あなただけのモジュールを見つけるために次のように配置する必要がありcontroller.jsで

：また

angular .module('myApp') //removed the [] since the app was already created on myApp.js .controller('myCtrl', ['$scope', function($scope){ $scope.employees = [ // rest of your controller...

は、の最後に行方不明]がありましたコード

angular .module('myApp', []) .controller('myCtrl', ['$scope', function($scope) { $scope.employees = [{ name: 'Jamie Bohanna', strtdate: new Date('2014', '03', '08'), cover: 'img/JH.jpg', }]; }]);//this ] was missing

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <section id="angular-section" ng-app="myApp"> <h1>ANGULAR SECTION</h1> <div class="main" ng-controller="myCtrl"> <div class="container"> <div ng-repeat="x in employees"> <div class="headshot"> <img src="{{ x.cover }}"> <p>{{ x.name }}</p> <p>{{ x.strtdate | date }}</p> </div> </div> </div> </div> </section>

出典

2017-02-08 22:41:33 lealceldeiro

おかげで、私はまだ届きませんビューに表示されるデータ？ – CaffeineFueledWebDev

コンソールdevtoolでエラーが発生しましたか？ – lealceldeiro

これは、おそらくcdnリソースが見つからないためです（多分いくつかの接続上の問題）。 AngulaJSファイルのローカルバージョンを使用してみることができますか？また、あなたのファイル（ 'controller.js'と' myApp.js'が適切にリンクされているので、404を取得しないようにしてください。あなたが知っているのは、それらが見つからないということです。 – lealceldeiro

AngularJS ng-repeat - モジュールまたはコントローラを取得できません

答えて

関連する問題