は、ディレクティブは、私は私がちょうど分離株スコープとディレクティブの例を作成しようとしているここplunker <a href="https://plnkr.co/edit/3FLmBtHP5TuOwWZHBMLK?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/3FLmBtHP5TuOwWZHBMLK?p=preview</a></p> <p>を持ってまだアンギュラ</p> <p>を学ぼうとスコープ

Question

を分離します。

私は$ httpを使用しています。車の詳細といくつかのダミーjsonを得る約束です。

私はディレクティブに車の詳細を表示しようとしています。

このディレクティブには分離スコープがあり、私は 'car'を渡そうとしています。

私はng-repeatを使用してjsonをループしていますが、指示文を一度表示するだけです。

「car」が定義されていないというコンソールエラーが表示されます。

(function() { 

    angular 
    .module('cxoJsApp') 
    .directive('simple', function() { 

     return { 
     restrict: 'E', 
     controller: 'simpleController', 
     controllerAs: 'simpleCtrl', 
     scope: { 
      car: '=' 
     }, 
     bindtoController: true, 
     templateUrl: 'simple.html' 

     }; 

    }); 

})(); 

Answer 1

あなたはNGリピートで右のオブジェクトを参照されていません。 homeCtrl.myJsonはjbrownに同意homeCtrl.myJson.data

<div ng-repeat="c in homeCtrl.myJson.data"> 

Answer 2

I'amする必要があり、あなたは正しいオブジェクトを参照されていません。同じサンプルを使って同じサンプルを使ってサンプルplunkerを作成しました。

<div class="col-sm-12" ng-controller="simpleController as vm"> 
    <div ng-repeat="c in vm.myJson.data track by $index"> 
     <simple car="c"></simple> 
    </div> 
    {{vm.myJson}} 
</div>