Angular 2
Tunna

Introduktion

Använda fat

Till exempel utan ett fat, skulle en konsument behöva tre importmeddelanden:

import { HeroComponent } from '../heroes/hero.component.ts';                                
import { Hero }          from '../heroes/hero.model.ts';                                      
import { HeroService }   from '../heroes/hero.service.ts';

Vi kan lägga till ett fat genom att skapa en fil i samma komponentmapp. I detta fall kallas mappen 'hjältar' med namnet index.ts (med användning av konventionerna) som exporterar alla dessa objekt:

export * from './hero.model.ts';   // re-export all of its exports
export * from './hero.service.ts'; // re-export all of its exports                           
export { HeroComponent } from './hero.component.ts'; // re-export the named thing

Nu kan en konsument importera vad den behöver från fatet.
import { Hero, HeroService } from '../heroes/index';

Ändå kan detta bli en mycket lång rad; vilket skulle kunna minskas ytterligare.

import * as h from '../heroes/index';

Det är ganska reducerat! * as h importerar alla moduler och alias som h