Angularjs Ng重复-角度JS

这是我的重复

<div ng-if="feed.link" articlesource source='{{article.link}}' class="post" ng-    repeat="article in data.value.items | limitTo:5"> 

            <img ng-if="articlesource != 'FACEBOOK'" title="{{article.title}}" alt="{{article.title}}" class="blog-image-ind" src="{{article.image}}" height="100" width="240" style="float:left;"> 
            <img ng-if="articlesource == 'FACEBOOK'" title="{{article.title}}" alt="{{article.title}}" class="blog-image-ind" src="/shared/images/facebook_long.png" height="100" width="240" style="float:left;"> 
            <div class="postMid"> 
                <H3><a style="color: #A4A4A4;" href="{{article.link}}">{{article.title | htmlToPlaintext | ellipsis:40}}</a></H3>
                <div> {{article.description | htmlToPlaintext | blogellipsis:160}}</div>
            </div>
            <div class="postRight"> 
                <p> {{article.pubDate.substr(0, article.pubDate.indexOf(':')-2).trim()}}
                <br>
                <div ng-if="feed.name != 'THE FEED'"><p ng-if="articlesource != 'FACEBOOK' || feed.name != 'THE FEED'">BY {{article['dc:creator'] | uppercase}}</p></div>
                <p ng-if="feed.name == 'THE FEED'">{{articlesource}}</p>
                </p>

                <a ng-if="articlesource != 'FACEBOOK'" class="postRight" href="https://sam.containerandpackaging.com">{{article['slash:comments']}} Comments </a>   

            </div>
            <br clear="all"> 
        </div>

{{article.description | htmlToPlaintext | blogellipsis:160}
{{article.pubDate.substr（0，article.pubDate.indexOf（':'）-2.trim（）}}


作者{article['dc:creator']|大写}
{{articlesource}

---

我想在我的ng repeat中添加一些东西，允许在除最后一个之外的所有div底部添加边框

在中继器上放置一个类，条件是

$last

不为真：

ng-class="{'myBorderClass : !$last }"

---

$last

在中继器的最后一次迭代中为

true

。

Ypu可以使用ng repeat的$last值来设置ng类。类似下面的伪代码

<div ng-class="{'noborderclass':$last}"></div>

使用Css

div.post {
  border-bottom: #ff0000;
}

div.post:last-child {
  border-bottom: none;
}

---

：last child选择器匹配父元素的最后一个子元素。

您有两个选项：Javascript（角度）或CSS。使用angular，您可以像这样使用

$last

：

<div ng-class="{'with-border': !$last}">

---

就个人而言，我使用CSS，因为我更信任CSS而不是JS。

这是行不通的。你需要

！last

因为uesr希望所有东西都有一个边界，除了最后一个one@Kousha这就是为什么类名是“noborderclass”…

div {
    border-bottom: 1px solid black;
}

div:last-of-type {
    border-bottom: 0;
}