当前位置:  开发笔记 > 前端 > 正文

在Angular 2中使用逗号作为列表分隔符

如何解决《在Angular2中使用逗号作为列表分隔符》经验,为你挑选了2个好方法。

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

one, two, three

如何使用Angular 2的模板语法实现此目的?



1> Mark Rajcok..:

我更喜欢Eric的答案(请参阅他对Plunker示例的评论):


   {{item}}{{isLast ? '' : ', '}}

我原来的答案是index在NgFor微合成中使用可选项:


   {{item}}{{i === items.length - 1 ? '' : ', '}}

另一种方法是使用CSS ::before语法,如下所述:https://stackoverflow.com/a/31805688/215945


或者,您可以使用[`$ last`](https://github.com/angular/angular/pull/3991)属性.这是一个[例子](http://plnkr.co/edit/padYDezuRCTvl05yO7QX?p=preview)
当前语法:当然要使用let作为*ngFor,但也可以使用#isLast:``

2> 小智..:

我认为更简单的方法是

 {{items.join(", ")}} 

推荐阅读
夏晶阳--艺术
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有