当前位置: 首页 > ds >正文

每个元素后面加“、”,但最后一个元素不加

在 Angular 中,如果你想使用 *ngFor 遍历一个数组,并在每个元素后面加“、”,但最后一个元素不加标点符号,你可以使用 $last 这个由 *ngFor 提供的上下文变量来判断是否是最后一个元素。

<span *ngFor="let m of warningPromptSkuList; let isLast = last">{{ m }}{{ isLast ? '' : '、' }}
</span>
  • 假设 warningPromptSkuList = [‘A001’, ‘B002’, ‘C003’]
A001B002C003

假如在vue 里 每个元素后面加“、”,最后一个不加 warningPromptSkuList = [‘A001’, ‘B002’, ‘C003’]

<span v-for="(item, index) in warningPromptSkuList" :key="index">{{ item }}<span v-if="index < warningPromptSkuList.length - 1"></span>
</span>
http://www.xdnf.cn/news/8616.html

相关文章:

  • 点云处理的瑞士军刀PCL几何库
  • 基于Java(GUI)实现五子棋
  • 【AI】小参数,大影响:从OpenAI参数看AI开发挑战
  • Python打卡训练营学习记录Day34
  • 文章记单词 | 第104篇(六级)
  • MySQL --- 事务
  • 【Linux系列】EVS 与 VBD 的对比
  • 文章记单词 | 第103篇(六级)
  • 永磁同步电机参数辨识算法--拓展卡尔曼滤波参数辨识
  • 探索微观世界的“度量衡”:显微测量仪器解析
  • 《C++20新特性全解析:模块、协程与概念(Concepts)》
  • Python包管理器:uv
  • 目前,Navicat 17.1 版本的用户管理功能无法使用,如何回退到上一个版本?关于之前提到的转置功能?
  • Three.js 中的 Octree(八叉树)详解
  • android studio第一次编译apk,用时6分钟
  • 安装openEuler操作系统
  • 49页 @《人工智能生命体 新启点》中國龍 原创连载
  • ResNet、MobileNet、YOLOv3、DeepLabv3+ 比较
  • 数据库表设计题目
  • OpenCV CUDA 模块图像过滤------创建一个线性滤波器(Linear Filter)函数createLinearFilter()
  • 【Golang笔记03】error、panic、fatal错误处理学习笔记
  • Mysql逻辑架构
  • leetcode-hot-100 (普通数组)
  • 数据结构(6)线性表-队列
  • 计算机系统结构 -第三章:指令集并行 -1
  • Z世代消费新图鉴:从盲盒经济到可持续浪潮,解码年轻世代的消费密码
  • 方洪波摸着雷军,“甩掉”小米
  • Linux里more 和 less的区别
  • 怎么判断一个Android APP使用了flutter 这个跨端框架
  • 预处理越复杂越好?评估脑电预处理在深度学习应用中的作用