angularjs-directive - 角: Pass ng-repeat Item Into Directive

Question

如何将整个ng-repeat对象传递给指令(或如何将指令的作用域设置为ng-repeat项)？

我是新来的有角度的人，很难解决这个问题。

我有一个 Controller ，可以很好地呈现以下内容:

<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){

        }
    };
});

Answer 1

您必须以某种方式将图像对象提供给指令。
为此，您需要在指令范围内进行设置，如下所示:

scope: {image:"="}

继承人的工作 jsfiddle