Breaking News: Grepper is joining You.com. Read the official announcement!

error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with *

Mohamed Sami khiari answered on August 2, 2022 Popularity 8/10 Helpfulness 5/10

answer error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with *

related Can't have multiple template bindings on one element. Use only one attribute prefixed with

error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with *

Comment

<ng-container *ngIf="condition">
    <li *ngFor="let item of items">
        {{item}}
    </li>
</ng-container>

Popularity 8/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Aug 02 2022

Mohamed Sami khiari

0 Answers Avg Quality 2/10

Closely Related Answers

Can't have multiple template bindings on one element. Use only one attribute prefixed with

Comment

<nz-sider [nzCollapsed]="collapsed" nzWidth="200px" nzTheme="dark">
  <div class="logo"></div>
  <ul nz-menu nzInlineCollapsed="{{collapsed ? true : null}}">
    <ng-container *ngTemplateOutlet="recursiveMenu; context:{ menuItems: menuData }"></ng-container>
  </ul>
</nz-sider>

<ng-template #recursiveMenu let-menuItems>
  <li *ngFor="let menuItem of menuItems">
    <ng-container *ngIf="menuItem.submenu && menuItem.submenu.length > 0">
      <span nz-submenu title>
        <i nz-icon [nzType]="menuItem.icon" *ngIf="menuItem.icon"></i>
        <span>{{ menuItem.title }}</span>
      </span>
      <ul>
        <ng-container *ngTemplateOutlet="recursiveMenu; context:{ menuItems: menuItem.submenu }"></ng-container>
      </ul>
    </ng-container>
    <ng-container *ngIf="!menuItem.submenu || menuItem.submenu.length === 0">
      <a [routerLink]="menuItem.path" *ngIf="menuItem.path">
        <i nz-icon [nzType]="menuItem.icon" *ngIf="menuItem.icon"></i>
        <span>{{ menuItem.title }}</span>
      </a>
      <span *ngIf="!menuItem.path">
        <i nz-icon [nzType]="menuItem.icon" *ngIf="menuItem.icon"></i>
        <span>{{ menuItem.title }}</span>
      </span>
    </ng-container>
  </li>
</ng-template>

Popularity 6/10 Helpfulness 1/10 Language html

Source: chat.openai.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Jun 20 2023

Rabbi Islam

0 Answers Avg Quality 2/10

error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with *

Contents

More Related Answers

error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with *

Closely Related Answers

Can't have multiple template bindings on one element. Use only one attribute prefixed with

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.