Использование img ng-src для отображения массива изображения не работает - PullRequest
Новая
       18

Использование img ng-src для отображения массива изображения не работает

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

Я читал некоторые решения по использованию ng-src при отображении массива изображений, но, похоже, он не работает.Только 1 элемент в массиве принимает к отображению.Любое решение для этого?Я пытался img [src] тоже, но не работает.

Вот то, что я пытался 

angular.module('selectExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
 
    $scope.register = {
      regData: {
        branch: {},
      },
      names: [{
        name:"narquois",
        image:[
        "https://picsum.photos/200",
        "https://picsum.photos/200/300/?random"]
        
        },
        {
        name:"velvet",
        image:[
        "https://picsum.photos/200"]
        
        }],
    };

  }]);
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">
<table id="example" width="100%">
    <thead>
       <tr align="center">
         <th>Name</th>
         <th>Image</th>
       </tr>
    </thead>			
    <tbody>
       <tr ng-repeat="person in register.names">
         <td align="center">{{ person.name }}</td>
         <td align="center"><img ng-src="{{ person.image }}"></td>
       </tr>
    </tbody>
</table> 
</div>

1 Ответ

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

В настоящее время вы не зацикливаетесь на разных изображениях.

Попробуйте заменить свой ng-repeat этим, чтобы увидеть, желаемый ли это эффект, к которому вы стремились. 

       <tr ng-repeat="person in register.names track by $index">
         <td align="center">{{ person.name }}</td>
         <td align="center">
           <img ng-repeat="image in person.image" ng-src="{{image}}" />
         </td>
       </tr>
...