如何解决带有条件运算符表达式的大括号内的 Angular 12 大括号文本插值
这里我尝试使用 *ngFor="let i of dataL;let k = index | async"
,现在我想要实现的是以下代码。
<tr *ngFor="let i of dataL;let k = index | async">
<td>{{ i.id }}</td>
<td>{{ i.details }}</td>
<td>
Article : {{ i.links.article == null ? "N/A" : <a href='(i.links.article)'>Article_{{k+1}}</a> }}<br>
Reddit : {{ i.links.reddit == null ? "N/A" : <a href='(i.links.reddit)'>reddit_{{k+1}}</a> }}<br>
Wikipedia : {{ i.links.wikipedia == null ? "N/A" : <a href='(i.links.wikipedia)'>wikipedia_{{k+1}}</a> }}<br>
</td>
</tr>
从这个 <a href='(i.links.article)'>Article_{{k+1}}</a>
更改为这个 <a href="{{i.links.article}}">Article_{{k+1}}</a>
仍然显示。
Angular Error
更新 1:
它显示结果,我已经确定了它的位置。
Article : {{ i.links.article == null ? "N/A" : Article_1 }}
现在我只需要文章:N/A 或带有 URL
解决方法
您在错误的地方应用了异步管道。异步管道用于订阅可观察对象(您的数据),而不是在循环数组时订阅索引位置。
编辑:回应我下面的评论
<tr *ngFor="let i of dataL | async; let k = index">
<td>{{ i.id }}</td>
<td>{{ i.details }}</td>
<td>
Article:
<ng-container
*ngIf="i.links.article == null">N/A</ng-container>
<ng-container *ngIf="i.links.article != null">
<a href="{{i.links.article}}">Article_{{k+1}}</a>
</ng-container>
</td>
</tr>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。