'm using angular 2 routing and implementing a bootstrap 4 tab system. When
the user clicks on the tab it should not navigate to any existing route, it
should stay in the same page and access the tab's content.
Here's how the component and route are currently implemented:
const appRoutes: Routes = [
{ path: '**', component: DPMMasterDetailComponent, resolve: { application:
DPMApplicationService, user: DPMUserService, applicationView:
DPMApplicationViewService, modelMetadata: DPMModelMetadataService } }
];
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#main"
role="tab">Main</a>
</li>
<li class="nav-item" *ngFor="let metadataField of complexMetadataFields">
<a class="nav-link" data-toggle="tab"
[href]="'#'+GetNormalizedMetadataName(metadataField)"
role="tab">{{metadataField.ModelField.Label | dpmEEFS}}</a>
</li>
</ul>
**
Expected behavior: The routing system does nothing and the user stays in
the same page.
**Current behavior: The routing system redirects to the new page
http://localhost:64384/#tabpage **
Windows and Chrome 52
-
Angular version: 2.0.0-rc.5
-
Language: TypeScript
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
