角/离子NG重复 NG-INIT $范围变量参数传递

Question

im尝试使用ng-repeat的结果来调用ng-init内部的函数，但显示的唯一图像是最后一个图像传递给范围变量。

如果我正确地执行此操作，任何提示或建议？

模板

<ion-item ng-repeat="feed in feeds" ng-if=fbfeed.message ng-init='addAttachment(feed.id)'>
    <div class="list card">
        <div class="item item-body">
            <img src="{{attachment.media.image.src}}">
        </div>
    </div>
</ion-item>

控制器

$scope.addAttachment = function (postId) {
    var attachmentData = MediaManager.getAttachments( postId );
        attachmentData.then(function(result) {
        if (result.data.length) {
            $scope.attachment = result.data[0];
        }
    });
};

Answer 1

您需要在所有对象中添加 attachment 字段。因此，将其添加到对象 feed 。

您可以传递feed ID并在功能中分配相应的图像。

html

<ion-item ng-repeat="feed in feeds" ng-if=fbfeed.message ng-init='addAttachment(feed)'>
    <div class="list card">
        <div class="item item-body">
            <img src="{{feed.attachment.media.image.src}}">
        </div>
    </div>
</ion-item>

控制器：

 $scope.addAttachment = function (feed) {
    var attachmentData = MediaManager.getAttachments( feed.postId );
        attachmentData.then(function(result) {
        if (result.data.length) {
            feed.attachment = result.data[0];
        }
    });
};