Der Versuch von ng-repeat zu bewegen, um Eltern div

Question

Im Moment habe ich eine ng-repeat auf einem img-Element, das ungefähr so ​​aussieht img Element:

<div class="mainContent" Overflow:scroll style=""> 
    <img class="imgClass" ng-src="{{movie.imgPath}}" ng-click="openInfo(movie)" data-ng-repeat="movie in filteredResults = (moviesArray | orderBy : 'title' | filter:{a bunch of filters}"/> 
</div> 

Ich versuche, die ng-wiederholen, um in Bewegung ein Eltern-Div, sodass ich einigen Filmen ein Menüband hinzufügen kann, wenn ein Element in ihrem individuellen Objekt wahr ist. Hier ist, was ich versuche:

<div class="mainContent" Overflow:scroll style="" data-ng-repeat="movie in filteredResults = (moviesArray | orderBy : 'title' | filter:{a bunch of filters}"> 
    <img class="imgClass" ng-src="{{movie.imgPath}}"/> 
</div> 

Wenn ich das tue, nichts mehr auftaucht. Irgendeine Idee was ist los?

Vielen Dank im Voraus!

Answer 1

Normalerweise wickeln Sie das Bild-Tag einfach in ein Div und verschieben das ng-repeat dorthin statt in die übergeordnete mainClass, die der Container-Knoten zu sein scheint, und könnte widersprüchliche Stile usw. haben? mehr etwas wie das Folgende (Hinweis Ich hatte noch keine Zeit zu testen)

<div class="mainContent" Overflow:scroll style=""> 
    <div ng-src="{{movie.imgPath}}" ng-click="openInfo(movie)" data-ng-repeat="movie in filteredResults = (moviesArray | orderBy : 'title' | filter:{a bunch of filters}"> 
    <img class="imgClass"> 
    </div> 
</div>