Angularjs 重复一组图像

我试图在一组不同的图像上使用ng repeat。问题是，这些图像需要对齐并进行翻转转换。以下是我决定使用ng repeat之前的情况：

`<div class="row">
       <div class="col-md-3">
           <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
               <div>
                   <div class="front">
                       <img id="firstTrophy" class="trophy locked" src="/img/trophy.png" />
                   </div>
                   <div class="back box">
                       <p class="text">
                     You're a champion!!!!
                       </p>
                   </div>
               </div>
           </div>
       </div>`

谢谢你们能提供的一切帮助

将src替换为

将src替换为

您应该使用ngsrc={{trophy}}而不是src。通读一遍，您应该使用ngsrc={{trophy}}而不是src。经过

(in view.html)
`<div ng-repeat="trophy in trophies track by $index">
                          <img src="{{ trophy }}" />`

var trophies = [
"img/trophy.png",
"img/trophy.png",
"img/trophy.png",
"img/trophy.png",
"img/trophy.png"];

<div ng-repeat="trophy in trophies track by $index">
                          <img ng-src="{{ trophy }}" />`