每个元素后面加“、”,但最后一个元素不加
在 Angular 中,如果你想使用 *ngFor 遍历一个数组,并在每个元素后面加“、”,但最后一个元素不加标点符号,你可以使用 $last 这个由 *ngFor 提供的上下文变量来判断是否是最后一个元素。
<span *ngFor="let m of warningPromptSkuList; let isLast = last">{{ m }}{{ isLast ? '' : '、' }}
</span>
- 假设 warningPromptSkuList = [‘A001’, ‘B002’, ‘C003’]
A001、B002、C003
假如在vue 里 每个元素后面加“、”,最后一个不加 warningPromptSkuList = [‘A001’, ‘B002’, ‘C003’]
<span v-for="(item, index) in warningPromptSkuList" :key="index">{{ item }}<span v-if="index < warningPromptSkuList.length - 1">、</span>
</span>