热门标签
热门文章
- 1为什么Functor [A =>？]不能在Scala 2.11.7中编译？
- 2在PKCS12导出过程中,OpenSSL挂起,"加载'屏幕'进入随机状态"
- 3使用证书的Azure Active Directory守护程序客户端
- 4[Linux 基础] Linux使用git上传gitee三板斧_linux上传代码到gitee
- 5Git安装详解（写吐了，看完不后悔）
- 6Git添加与提交文件与查看_git查看待提交的文件
- 7【Git】Git 操作命令可视化（五）：git clone、git fetch、git pull、git push、git pull --rebase、解决远程仓库与本地仓库的代码冲突_git可视化
- 8国内环境 GitHub 拉取仓库速度慢的缓解方案
- 9【Git 入门教程】第三节、Git的分支和合并_git 合并分支
- 10使用GitHub分享项目_github共享代码
当前位置: GIT > 正文
在Angular 2中使用逗号作为列表分隔符
作者：代码独立开发者 | 2023-05-14 18:43:53
赞
踩
angular2-template,angular,css,https,git,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具
我想在我的模板中创建一个项目列表,用逗号分隔,但我不希望最后一个项目有逗号:
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(", ")}}
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/blog/GIT/detail/12598
推荐阅读
- 如何解决《SpringData是否支持OrientDB？》经验，为你挑选了1个好方法。spring,orientdb,spring-data,安全,git,mongodb,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工... [详细]
赞
踩
- 如何解决《如何用变量组合查询片段》经验，为你挑选了1个好方法。javascript,relayjs,容器,https,git,facebook,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成... [详细]
赞
踩
- 如何解决《整个计算机处于Git状态未跟踪文件》经验，为你挑选了1个好方法。git,git-status,html,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具... [详细]
赞
踩
- 如何解决《Aurelia:同构？》经验，为你挑选了2个好方法。javascript,isomorphic-javascript,aurelia,服务器,chrome,go,redis,https,git,DevBox,在线流程图,编程,编程... [详细]
赞
踩
- 如何解决《如何在生产中运行railsconsole而不执行弹簧？》经验，为你挑选了1个好方法。console,ruby-on-rails,ruby-on-rails-4,server,服务器,bash,https,git,linux,Dev... [详细]
赞
踩
- 如何解决《gitcheckout:"他们的"和"我们的"的详细含义》经验，为你挑选了1个好方法。git,version-control,merge,branching-and-merging,git-... [详细]
赞
踩
- 如何解决《AzureContinuousDeploywithDebug配置》经验，为你挑选了1个好方法。asp.net,git,azure,azure-web-sites,mvc,DevBox,在线流程图,编程,编程问答,程序员,开发者工具... [详细]
赞
踩
- 如何解决《GitLFS总是将图像文件显示为已更改？》经验，为你挑选了1个好方法。git,git-lfs,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发... [详细]
赞
踩
- 如何解决《使用"npminstall"安装jquery-ui》经验，为你挑选了2个好方法。jquery-ui,npm,npm-install,https,git,jquery,json,DevBox,在线流程图,编程,编... [详细]
赞
踩
- 如何解决《Bootstrap3datepicker-minDate和maxDate》经验，为你挑选了2个好方法。javascript,git,bootstrap,jquery,安全,DevBox,在线流程图,编程,编程问答,程序员,开发者工... [详细]
赞
踩
- 如何解决《使用SHAID修改旧提交的评论消息》经验，为你挑选了1个好方法。git,commit,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端... [详细]
赞
踩
- 如何解决《如何遍历webdriverjs元素,直到元素具有文本值》经验，为你挑选了1个好方法。javascript,selenium,webdriverjs,html,css,chrome,git,DevBox,在线流程图,编程,编程问答,... [详细]
赞
踩
- 如何解决《Androidstudio项目-README/.gitignore/许可证文件不可见》经验，为你挑选了1个好方法。android-studio,android,git,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,... [详细]
赞
踩
- 如何解决《`angular2`如何导出组件？》经验，为你挑选了1个好方法。angular,bootstrap,html,https,typescript,javascript,git,DevBox,在线流程图,编程,编程问答,程序员,开发者... [详细]
赞
踩
- 如何解决《找不到GitHub邀请加入回购？》经验，为你挑选了2个好方法。github,git,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开... [详细]
赞
踩
- 如何解决《summernote中的font-family选项不起作用》经验，为你挑选了1个好方法。summernote,https,git,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,u... [详细]
赞
踩
- 如何解决《下载视频和播放》经验，为你挑选了2个好方法。android,git,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工... [详细]
赞
踩
- 如何解决《EmberJS2中路线变更通知的组件》经验，为你挑选了1个好方法。ember.js,服务器,注入,https,git,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳... [详细]
赞
踩
- 如何解决《Leaflet是否有离线地图图层？》经验，为你挑选了1个好方法。maps,leaflet,json,https,git,服务器,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,un... [详细]
赞
踩
- 如何解决《安装sqlite3(1.3.11)时发生错误,Bundler无法继续》经验，为你挑选了1个好方法。ruby,git,sqlite,ruby-on-rails,heroku,DevBox,在线流程图,编程,编程问答,程序员,开发者工... [详细]
赞
踩
相关标签
