イメージの配列をNgリピートする

Question

異なるイメージの配列に対してng-repeatを使用しようとしています。問題は、これらの画像がインラインであり、フリップトランジションを行う必要があることです。ここで私は、私はNG-繰り返し使用することを決めた前に持っていたものです：

`<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>` 

をそしてここで私が今持っているngのリピートです：

(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"]; 

ありがとう（コントローラに）あなたが提供できるすべての助け！

Answer 1

あなたは `NG-SRC = "{{トロフィー}}"`の代わりに `src`を使用する必要がng-src

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

DEMO