角度を使用してオブジェクトプロパティにアクセスできません

Question

私のアプリケーションでオブジェクトプロパティにアクセスできません。それはコントローラの問題のように見えますが、私は二度目から始めましたが、それは明らかにそうではありません。

私のHTMLは以下の通りです：

<table> 
<thead> 
    <th>Title</th> 
    <th>URL</th> 
</thead> 
<tbody> 
    <tr ng-repeat="movie in movies"> 
     <td>{{movie.title}}</td> 
     <td>{{movie.url}}</td> 
    </tr> 
</tbody> 
</table> 

そして、私のコントローラには、次のいずれかです。

'use strict'; 

/** 
* @ngdoc function 
* @name clientApp.controller:MoviesCtrl 
* @description 
* # MoviesCtrl 
* Controller of the clientApp 
*/ 
angular.module('clientApp') 
    .controller('MoviesCtrl', function ($scope) { 
    $scope.movies = [ 
    { 
     title: 'Star Wars', 
     url: 'www.youtube.com' 
    } 
    ]; 
    }); 

任意のアイデア？

は私が持っていることを期待：

Exepected result

を、それだけで表示されます。

Answer 1

あなたは、アプリケーションとビューにコントローラ、およびモジュールを参照する権利構文を参照する必要があります。

トリッキー少しこのAAができますが、この構文を使用してモジュールをビルドする：

angular.module('MODULE_NAME', [ /* Insert optional module dependency here */ ]); 

そして、あなたはこの構文で作成されたモジュールを使用します。

angular.module('MODULE_NAME').controller() 

それはモジュールの作成と思われますモジュール自体を返します。したがって、最も凝縮構文を使用することもできます。

angular.module('MODULE_NAME', []).controller() 

あなたが作成と使用の区別が分からないため、少し誤解を招くことがあります。そして、このコマンドを2回実行すると警告が出るはずです。angular.module('MODULE_NAME', [])は（非常に一般的な）エラーにつながります。

この実施例を参照してください：ここであなたの実際の質問は何である

// declare a module 
 
var clientAppModule= angular.module('clientApp', []); 
 

 
// configure the module.  
 
clientAppModule.controller('ClothesCtrl', function ($scope) { 
 
$scope.clothes = [ 
 
    { 
 
     name: 'T-shirt', 
 
     description: 'Cool T-shirt' 
 
    } 
 
    ]; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
    <table ng-app='clientApp' 
 
      ng-controller='ClothesCtrl'> 
 
    <thead> 
 
     <th>Title</th> 
 
     <th>URL</th> 
 
    </thead> 
 
    <tbody> 
 
     <tr ng-repeat="cloth in clothes"> 
 
      <td>{{cloth.name}}</td> 
 
      <td>{{cloth.description}}</td> 
 
     </tr> 
 
    </tbody> 
 
    </table>

Answer 2

あなたはモジュールに依存関係のinectionが欠落している、事前に

Result

おかげで、あなたビューのどこにでもng-controllerについて言及していない

angular.module('clientApp',[]) 

DEMO