如何在AngularJS中旋转base64图像

我有一个包含base64图像的json源代码，我希望以纵向方式显示它们。我想我需要构建一个图像对象数组，并在构建数组时旋转它们，但我不确定如何在视图中显示图像对象

这就是我构建的阵列

angular.forEach($scope.trayDetails.tray_images, function(trayImage) {
    var myBase64 = "data:image/png;base64,"+trayImage.data;
    var img = new Image();
    img.src = myBase64;
    if (img.width>img.height ) {
        $(img).css({
            'transform': "rotate(90deg)"
        });
    }
    $scope.savedPictures.push(img);
});

但现在我不确定该如何处理数组，我尝试了这两种方法，但都没有成功

<li ng-repeat="savedPicture in savedPictures" class="photo">
    {{savedPicture}}
</li>

<li ng-repeat="savedPicture in savedPictures" class="photo">
    <img ng-src="{{savedPicture}}" />
</li>

{{savedPicture}

解决方案比您想象的要简单：

angular.forEach($scope.trayDetails.tray_images, function(trayImage) {
   var myBase64 = "data:image/png;base64,"+trayImage.data;
   var img = new Image();
   img.src = myBase64;
   img.isRotated = img.width > img.height; //Use css class to rotate
   $scope.savedPictures.push(img);
});

然后将img添加到html中：

<li ng-repeat="savedPicture in savedPictures" class="photo">
     <img ng-class="{rotateImg: savedPicture.isRotated}" ng-src="{{savedPicture.src}}" />
</li>

.rotateImg : { transform: rotate(90deg); }