我想在模板中创建一个项目列表,用逗号分隔,但我不希望最后一个项目有逗号:
one, two, three
如何使用Angular 2的模板语法实现这一点?
我想在模板中创建一个项目列表,用逗号分隔,但我不希望最后一个项目有逗号:
one, two, three
如何使用Angular 2的模板语法实现这一点?
我更喜欢埃里克的回答(参见他的 comments 以获取示例Punker):
<span *ngFor="let item of items; let isLast=last">
{{item}}{{isLast ? '' : ', '}}
</span>
我最初的答案是在NgFor microsyntax中使用可选的index
:
<span *ngFor="#item of items, #i=index">
{{item}}{{i === items.length - 1 ? '' : ', '}}
</span>
另一种方法是使用css::before
语法,如下所述:https://stackoverflow.com/a/31805688/215945