В любом случае, чтобы просмотреть изображение в newtab с помощью ng-repeat? - PullRequest
Новая
       1

В любом случае, чтобы просмотреть изображение в newtab с помощью ng-repeat?

0 голосов
/ 24 февраля 2019

Мне трудно решить эту проблему, я пытался использовать 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>

Ответы [ 2 ]

0 голосов
/ 24 февраля 2019 
<body ng-app="selectExample" ng-controller="ExampleController">
  <div ng-repeat="image in newImg">
      <a ng-href="{{image}}" target="_blank"> <img ng-src="{{image}}"/></a>
  </div>

  <hr>
  <div ng-repeat="image in newImg">
   <img ng-src="{{image}}" ng-click="wopen(image)" />
  </div>

</body>

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

  $scope.wopen = function(image) {
    console.log(image);
    window.open(image,"_blank");
  };
}]);

DEMO на PLNKR .

Для получения дополнительной информации см.

0 голосов
/ 24 февраля 2019

Вы можете сделать следующее 

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...