data: [
{
action_id: "21"
action_name: ""
action_type: "1"
action_url: "upcoming-tasks/overview"
auth_type: "2"
order: "1"
pid: "0"
{
action_id: "20"
action_name: ""
action_type: "1"
action_url: "0"
auth_type: "1"
order: "2"
pid: "0"
},
son: [
{action_id: "22", action_name: "", action_type: "2", action_url: "building/list", order: "1"},
{action_id: "26", action_name: "", action_type: "2", action_url: "room/list?state=0", order: "2"}
]
} menu is like this
template is rendered
<ng-container *ngFor="let item of menu">
<li *ngIf="!item.son" nz-menu-item [nzSelected]="isMenuSelected(item)" (click)="getMenuAction(sonItem)" [routerLink]="["/" + item.action_url]">{{ item.action_name }}</li>
<li *ngIf="item.son" nz-submenu>
<div title>{{ item.action_name }}</div>
<ul>
<ng-container *ngFor="let sonItem of item.son">
<li *ngIf="sonItem.action_type < 3" [nzSelected]="isMenuSelected(sonItem)" (click)="getMenuAction(sonItem)" nz-menu-item [routerLink]="["/" + sonItem.action_url]">{{ sonItem.action_name }}</li>
</ng-container>
</ul>
</li>
</ng-container>
state
how can we achieve the function here? if path is passed directly from the backend with parameters