javascript - 使用 javascript 解析 html 中的数组并每次呈现不同的跨度
问题描述
如何使此代码更通用:
<div class="xx" *ngIf="this.message.address">
<span class="helper" *ngIf="this.message.address">
{{ this.errorMessage.address[0] }}
</span>
<span class="helper" *ngIf="this.message.address[1]">
{{ this.errorMessage.address[1] }}
</span>
</div>
以便为每个数组元素多次呈现此跨度:
<span class="xx" *ngIf="this.message.address.forEach(x=> x">
{{ this.errorMessage.address[x] }}
</span>
(顺便说一下,我上面的尝试不起作用)
我只能让它在角度组件中工作,比如:
this.message.address.forEach(x=> console.log(x))
但我不确定如何解析 html 中的数组并在每种情况下呈现不同的跨度,这是我真正需要的
解决方案
您正在寻找的是*ngFor
,它可以在您的 HTML 中用于迭代一组元素。
<div class="xx" *ngFor="let ad of this.message.address">
<span class="helper" *ngIf="ad">
{{ ad }}
</span>
</div>
推荐阅读
- wordpress - 为什么在隐身模式下页面正常显示。但在正常模式下 - 不是吗?
- javascript - 引用没有唯一字段的json块以将其传递到另一个页面的最佳方法?
- javascript - 让一个元素与另一个元素共享背景?
- java - 训练 OpenNLP 模型时如何使用 GPU?
- node.js - 为 Kubernetes 部署返回未定义的环境变量
- gradle - 我该如何解决这个问题
- angular - 没有背景时,如何在外部单击时关闭垫子自定义叠加层?
- c++ - async_write 完成处理程序最早何时完成?
- c++ - 使用完数据结构后清空它们是一个好习惯吗?
- java - 有/没有 TRUNCATE_EXISTING 的 StandardOpenOption.WRITE + StandardOpenOption.CREATE 之间的区别?