Question

0

113

Views

if else condition inside for loop using angular

I am working on a task where I am looping an array inside a tag & using target="_blank" attribute but one of the array element should not want this target="_blank" attribute so what to do?

<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>

about 4 years ago · Juan Pablo Isaza

2 answers

Answer question

0

You can add targe attr conditionally by [attr.target]

<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>

You can test here

about 4 years ago · Juan Pablo Isaza Report

0

Answer question

Find remote jobs

Accepted Answer · 2022-06-28T07:43:24.764Z

You can use [target] around any tag property to add JS/TS code to it.

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

Other target type list: https://www.w3schools.com/tags/att_a_target.asp

0

113

if else condition inside for loop using angular

2 answers

0

0

Find remote jobs

Andres GPT