javascript - Angular RouterLink 在新选项卡中运行

Question

我正在尝试申请特定的 RouterLink。

问题:我有一个从数据库创建的动态菜单。

        <div class="sidebar-toggler">
          <span></span>
        </div>
      </li>
      <li class="heading">
        <h3 class="uppercase">Menú</h3>
      </li>
      <!-- List of Main Category Elements -->
      <li class="nav-item" *ngFor="let layout of layouts" appIsOpen (arrowUp)="callSomething($event)">
        <a class="nav-link">
          <i class="{{layout.icontag}}"></i>
          <span class="title">{{layout.categoryName}}</span>
          <span class="arrow" *ngIf="layout.items.length > 0" [ngClass]="{ 'open': arrowUp }"></span>
        </a>
        <!-- List of SubMenus -->
        <ul class="sub-menu" *ngFor="let subitem of layout.items">
          <li class="nav-item">
            <a  routerLink="{{subitem.state}}"   target="_blank" class="nav-link" rel="noopener no referrer">
              <span class="title">{{subitem.moduleName}}</span>
            </a>
          </li>
        </ul>
      </li>
    </ul>```

 Here's the piece of code im touching:  <a  routerLink="{{subitem.state}}"   target="_blank" class="nav-link" rel="noopener no referrer">

Answer 1

我想只有一种方法:

<a href="yourdomain.com/{{subitem.state}}" target="_blank" class="nav-link" rel="noopener no referrer">

对目标使用插值:

[target] ="condition ? '_blank' : 'something'