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

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

Rabbi Islam answered on August 2, 2022 Popularity 6/10 Helpfulness 1/10

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

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

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

Closely Related Answers

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 whateve

Link to this answer
Share Copy Link

Contributed on Aug 02 2022

Mohamed Sami khiari

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

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

Closely Related Answers

error NG5002: 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.