Angular/Ionic ng-repeat + ng-init $scope 变量参数传递

Question

我尝试使用 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];
        }
    });
};