javascript - 无论如何要使用 ng-repeat 在 newtab 中查看图像？

Question

我很难解决这个问题，我尝试使用a href="_blank"但它不会将图像显示到新选项卡。有什么解决方案吗？

angular.module('selectExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
 $scope.newImg = [
        "https://picsum.photos/200",
        "https://picsum.photos/200/300/"];
  }]);

img{
width:70px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="selectExample" ng-controller="ExampleController">
  <div ng-repeat="image in newImg">
     <img  ng-src="{{image}}">
  </div>
</div>

标签： javascripthtmlangularjs

Answer 1

您可以执行以下操作

<div ng-repeat="image in newImg">
   <img ng-src="{{image}}" ng-click="window.open({{image}}, '_blank');" />
</div>

或者

<div ng-repeat="image in newImg">
   <a href="{{image}}" target="_blank"> <img ng-src="{{image}}"/></a>
</div>