Hi,
When I am select tabs, It is not showing component template data.
neither it is giving any error nor it is showing anything.
I am writtinng below code snippet.
retail-dasboard-form.html
<div class="container">
<div id="content">
<ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#collection" data-toggle="tab">Collections</a></li>
<li><a href="#add" data-toggle="tab">Add</a></li>
<li><a href="#feed" data-toggle="tab">Feed</a></li>
<li><a href="#account" data-toggle="tab">Account</a></li>
</ul>
<div id="my-tab-content" class="tab-content">
<div class="tab-pane active" id="home" routerLink=
"/retail/retail-home" routerLinkActive="true">
</div>
<div class="tab-pane" id="collection" routerLink=
"/retail/retail-collection" routerLinkActive="true">
</div>
<div class="tab-pane" id="add" routerLink="/retail/retail-add"
routerLinkActive="true">
</div>
<div class="tab-pane" id="feed" routerLink="/retail/retail-feed"
routerLinkActive="true">
</div>
<div class="tab-pane" id="account" routerLink=
"/retail/retail-account" routerLinkActive="true">
</div>
</div>
</div>
import {Component,ChangeDetectionStrategy} from "@angular/core"
retail-dasboard-form.ts
@Component({
moduleId : module.id,
selector : 'retail-dashboard',
templateUrl :'retail-dashboard-form.html'
})
export class RetailDashBoardComponent {
//dynamic Tabs
}
retail-routing.ts
const retailroutes: Routes= [
{
path: '',
component : RetailCenterComponent,
children: [
{ path: 'retail-dashboard', component: RetailDashBoardComponent},
{ path: 'retail-collection', component:
RetailCollectionComponent},
{ path: 'retail-add', component: RetailAddComponent},
{ path: 'retail-feed', component: RetailFeedComponent},
{ path: 'retail-account', component: RetailAccountComponent},
{ path: 'retail-home', component: RetailHomeComponent}
]
}
];
export const retailrouting = RouterModule.forChild(retailroutes);
retail-center.component.ts
import { Component } from '@angular/core';
@Component({
template: `
<router-outlet></router-outlet>
`
})
export class RetailCenterComponent { }
Please help to resolve this issue. where I am doing wrong.
--
You received this message because you are subscribed to the Google Groups
"Angular" 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.
