I have a dynamic menu mount in the angle. The assembly is done as follows:
<ul class="pcoded-item pcoded-left-item" item-border="none" item-border-style="solid" subitem-border="solid" *ngFor="let asideItem of asideItems.views"
appAccordionLink group="{{asideItem.module}}">
<li [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}" appAccordionLink group="{{asideItem.state}}">
<a [routerLink]="['/', asideItem.route]" target="{{asideItem.target ? '_blank' : '_self'}}" appAccordionToggle>
<span class="pcoded-micon">
<i class="{{ asideItem.icon}}"></i>
</span>
<span class="pcoded-mtext">{{ asideItem.name}}</span>
<span *ngFor="let asideBadge of asideItem.badge" class="pcoded-badge label label-{{ asideBadge.type }}">{{asideBadge.value}}</span>
<span class="pcoded-mcaret"></span>
</a>
</li>
The assembly is being done correctly, however my route is not working. Inspecting the elements, which have more than one path (example: cliente/novo
), the "/" is being replaced by% 2F forming the route as cliente%2Fnovo
.
Does anyone have an idea how to make angle work with characters in this way?