我使用ng-repeat在我的网站上显示电影。这就是代码的样子:
<div ng-model="film" ng-repeat="film in allFilms" style="float:left;">
<div layout-margin ng-init="defaultStyleFilm = {'width':filmWidth,'height':filmHeight,'background-size':backgroundSize}"
ng-mouseenter="defaultStyleFilm = {'width':filmWidth,'height':filmHeight, 'background-size':backgroundSize,
'transform':'scale(1.05)'}; customize();"
ng-mouseleave="defaultStyleFilm = {'width':filmWidth,'height':filmHeight, 'background-size':backgroundSize,
'transform':'scale(1.0)','transition':'transform 150ms linear'}"
ng-style="defaultStyleFilm"
ng-click="detailView($index)"
style="
background-image: url(img/general/bluray_frame_big.png);
background-repeat: no-repeat;
">
<img ng-src="img/covers/{{film.cover}}" alt="cover-problem" ng-style="{'width':filmCoverWidth,'height':filmCoverHeight,
'margin-top':filmCoverMarginTop,'margin-left':filmCoverMarginLeft}"/>
</div>
<div style="text-align: center;"><h3 ng-style="{'font-size':filmTitelFontSize}">{{film.titel}}</h3></div>
</div>
&#13;
我希望能够自定义所有的外观(DOM) - 但也只是我的ng-repeat中的一个元素。
例如:
我想在点击的元素旁边添加一个新的div容器,并在那里提供一些信息。我用ng风格玩了一下,但我不知道如何修改例如<div>
样式只是一个特定的对象。
希望大家明白我的意思,有人可以帮助我!