2013-12-19 38 views
9

如何將整個ng-repeat對象傳遞給指令(或者如何將指令的作用域設置爲ng-repeat項)?Angular:將重複項傳遞給指令

我是新來的角和有困難的時候搞清楚這一點。

我有一個控制器,這使得下面就好了:

<div class="img-wrap" ng-repeat="image in images"> 
    <p>{{image.title}}</p> 
    <img ng-src="{{image.thumbUrl}}" /> 
</div> 

我想要做的是把內部分成指令並通過image OBJ到指令。這是我已經不工作:

我更改HTML到:

<div class="img-wrap" ng-repeat="image in images"> 
    <image /> 
</div> 

後來才知​​道有這個指令:

angular.module('openart') 
.factory('image', function() { 
    return { 
     restrict:'E', 
     controller:['$scope',function($scope){ 

     }], 
     template:'<p>{{title}}</p><img ng-src="{{thumbUrl}}" />', 
     link:function(scope,el,attrs){ 

     } 
    }; 
}); 
+1

工廠不是一個指令,因爲我知道) – hawk

+0

@hawk哈哈這就是爲什麼我恨/愛/恨編程。很好的抓住thx! – Micah

回答

9

你必須提供圖像對象的指令不知何故。 對於您需要設置它在你的指令範圍,這樣的事情:

scope: {image:"="} 

繼承人工作jsfiddle

+0

你可以修改某種方式的範圍內但嵌套控制器內的圖像?控制器:['$ scope',函數($ scope){console_log($ scope); }] – Bisonfan95