<repo_name>Sakuto/TabsPOC<file_sep>/src/app/tabs/shared/tabs.service.ts
import { Injectable } from '@angular/core';

@Injectable()
export class TabsService {

  public myObject;

  public search(): void {
    this.myObject = { dea: 'Valeur DEA', iis: 'Valeur IIS', other: 'Autre valeur' };
  }

}
<file_sep>/src/app/tabs/tabs.module.ts
import { TabsService } from './shared/tabs.service';
import { TabsRoutingModule } from './tabs-routing.module';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TabsComponent } from './tabs/tabs.component';
import { TabsDeaComponent } from './tabs-dea/tabs-dea.component';
import { TabsIisComponent } from './tabs-iis/tabs-iis.component';
import { TabsOtherComponent } from './tabs-other/tabs-other.component';

@NgModule({
  imports: [
    CommonModule,
    TabsRoutingModule
  ],
  declarations: [TabsComponent, TabsDeaComponent, TabsIisComponent, TabsOtherComponent],
  providers: [TabsService]
})
export class TabsModule { }
<file_sep>/e2e/app.e2e-spec.ts
import { PoCAdiilPage } from './app.po';

describe('po-cadiil App', function() {
  let page: PoCAdiilPage;

  beforeEach(() => {
    page = new PoCAdiilPage();
  });

  it('should display message saying app works', () => {
    page.navigateTo();
    expect(page.getParagraphText()).toEqual('app works!');
  });
});
<file_sep>/src/app/tabs/tabs-other/tabs-other.component.ts
import { Component, OnInit } from '@angular/core';

@Component({
  templateUrl: './tabs-other.component.html',
})
export class TabsOtherComponent {

}
<file_sep>/src/app/app.component.ts
import { Component } from '@angular/core';
import { TabsService } from './tabs/shared/tabs.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
export class AppComponent {
  public constructor(private tabsService: TabsService) {}
  
  public search() {
    this.tabsService.search();
  }
}
<file_sep>/src/app/tabs/tabs-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { TabsComponent } from './tabs/tabs.component';
import { TabsOtherComponent } from './tabs-other/tabs-other.component';
import { TabsIisComponent } from './tabs-iis/tabs-iis.component';
import { TabsDeaComponent } from './tabs-dea/tabs-dea.component';

const appRoutes: Routes = [
    { path: 'tabs', component: TabsComponent, pathMatch: 'full' },
    { path: 'tabsdea', component: TabsDeaComponent, outlet: 'tabs' },
    { path: 'tabsiis', component: TabsIisComponent, outlet: 'tabs' },
    { path: 'tabsother', component: TabsOtherComponent, outlet: 'tabs' }
];

/**
 * Module de routing de l'application
 * 
 * @export ExampleRoutingModule
 * @class ExampleRoutingModule
 */
@NgModule({
    exports: [
        RouterModule,
    ],
    imports: [
        RouterModule.forRoot(appRoutes),
    ],
})
export class TabsRoutingModule {}
