角，指令隔離範圍

我這裏有一個plunker https://plnkr.co/edit/3FLmBtHP5TuOwWZHBMLK?p=preview

我只是想創建隔離範圍指令的例子。

我使用$ http和承諾獲得一些虛擬JSON與汽車的細節。

我試圖在指令中顯示汽車的詳細信息。

該指令有一個隔離範圍，我試圖通過'汽車'。

我正在使用ng-repeat遍歷json，但它只是重複一次指令。

我收到一個控制檯錯誤，說'汽車'沒有定義。

(function() { 

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

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

     }; 

    }); 

})();

來源

2016-12-30 mtchris

您沒有引用您的NG-重複合適的對象。 homeCtrl.myJson應該homeCtrl.myJson.data

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

來源

2016-12-30 15:15:22 jbrown

我'與jbrown同意，你是不是引用正確的對象。我使用相同的示例創建了示例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>

來源

2016-12-30 17:40:01

角，指令隔離範圍

回答

相關問題