2013-12-19 6 views
9

ng-repeatオブジェクト全体を指令に渡します(または指令の範囲をng-repeatに設定する方法)。角度:ng-repeatの項目を指令に渡します

私は新しく、これを理解するのが難しい時が来ました。

私はちょうど罰金以下をレンダリングコントローラを持っている:

<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:"="} 

HERESに取り組んjsfiddle

+0

スコープ上のイメージを何らかの形で変更することはできますが、入れ子になったコントローラー内では可能ですか?コントローラ:['$ scope'、function($ scope){ console.log($ scope); }] – Bisonfan95