2017-05-25 12 views
1
<td> 
    <span ng-repeat="rules in ruleTypes |filter:myFilter(client.clientId)">{{rules.rtid.ruleType}} ,</span> 
</td> 

最後の要素のためのスパンの最後の要素はまた、カンマを表示して、リストは、リストA、B、C、D、 ある私はA、B、C、Dのように一覧表示したいですまたは、A、B、CおよびD洗面所独立カンマでスパンの要素及び/

答えて

1

は、ng-if条件<span ng-if="$index != ruleTypes.length-1"> , &nbsp;</span>を使用します。

さらに、&nbsp;を使用して、HTMLにスペースを追加します。そして

<span ng-repeat="rules in ruleTypes |filter:myFilter(client.clientId)">{{rules.rtid.ruleType}} <span ng-if="$index != ruleTypes.length-1"> , &nbsp;</span> </span> 
+0

をチェックアウトすることができますそれは動作しませんでした –

1

あなたがコレクション

<td> 
    <span ng-repeat="rules in ruleTypes |filter:myFilter(client.clientId)"> 
     {{rules.rtid.ruleType}} 
     <span ng-if="!$last">,</span> 
    </span> 
</td> 

の最後の要素に来れば他の用途に類似のアプローチもありますtrueになります$lastを使用してみてください、あなたは角ドキュメントでhttps://docs.angularjs.org/api/ng/directive/ngRepeat

+0

それは働いた –

+0

喜んでそれが助けた。それは他の人にも役立つので、ちょうどupvote /マーク正しい答え。 –

+1

私の評判が15未満であるためにupvoteできません –

関連する問題