在ng-repeat中自定义DOM

时间:2016-02-11 12:13:44

标签: javascript html css angularjs

我使用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;
&#13;
&#13;

我希望能够自定义所有的外观(DOM) - 但也只是我的ng-repeat中的一个元素。
例如:
我想在点击的元素旁边添加一个新的div容器,并在那里提供一些信息。我用ng风格玩了一下,但我不知道如何修改例如<div>样式只是一个特定的对象。

希望大家明白我的意思,有人可以帮助我!

0 个答案:

没有答案