Non-Angular Rotation 5 dynamically mounted

0

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?

    
asked by anonymous 13.08.2018 / 13:48

1 answer

0

I already had this problem in a project and solved using a ! before the bar in the routes, for example:

<a href="#!/cliente/novo">

The ! tells Angular that it is a client-side route, a link to an external route or having to go on the server will not work.

    
13.08.2018 / 14:05