我想在模板中创建一个项目列表,用逗号分隔,但我不希望最后一个项目有逗号:

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

Angular相关问答推荐

如何从Angular TS文件传递$Events对象?

升级到angular 17并转换为独立的加载器拦截器后,

使Angular 效果只执行一次

HttpInterceptorFn在Angular 17中被忽略

使用BLOB数据类型时,HTTPCLIENT中可能存在错误

RXJS拆分返回值,多次调用后重新加入

如何在 Angular14 中创建带有验证的自定义输入组件?

http 调用的 RxJs 数组

如何有条件地更新 Angular 路由解析器数据?

如何从 RxJS 重试中排除某些 url

Angular 从 13.3.8 恢复到 13.3.7

为什么 HttpParams 在 Angular 4.3 中的多行中不起作用

怎样在 Angular 2 或 4 中将输入字段设为只读?

Angular 2+ 一次性绑定

缺少 .angular-cli.json 文件:Angular

如何在数据表angular material中显示空消息,如果未找到数据

Angular 2在单击子项时防止单击父项

angular 2 http withCredentials

Angular @NGRX中这三个点的含义是什么

如何在 Angular 2 中链接 HTTP 调用?