if else条件在for循环中使用angular

Question

我正在处理一个任务，我在标签&使用目标="_blank"属性，但其中一个数组元素不应该想要这个target="_blank"那么属性怎么办呢?

<ul *ngIf="item.menu">
<li *ngFor="let subMenu of item.menu">
<a href="{{subMenu.link}}" target="_blank">{{'landing.menu.' + subMenu.name | translate}}</a>
</li>
</ul>

Answer 1

你可以在任何标签属性周围使用[target]添加JS/TS代码。

<a href="{{subMenu.link}}" [target]="condition ? '_blank' :'other target type'">{{'landing.menu.' + subMenu.name | translate}}</a>

其他目标类型列表:https://www.w3schools.com/tags/att_a_target.asp

Answer 2

[attr.target]

可以有条件地添加target attr

<ul *ngIf="item.menu">
<li *ngFor="let subMenu of item.menu">
<a href="{{subMenu.link}}" [attr.target]="subMenu.link ? '_blank': null">{{'landing.menu.' + subMenu.name }}</a>
</li>
</ul>

你可以在这里测试