Angular 2
Vat
Zoeken…
Invoering
Een vat is een manier om de export van verschillende ES2015-modules samen te voegen tot een enkele handige ES2015-module. Het vat zelf is een ES2015-modulebestand dat geselecteerde uitvoer van andere ES2015-modules opnieuw exporteert.
Het gebruik van vat
Zonder vat zou een consument bijvoorbeeld drie importverklaringen nodig hebben:
import { HeroComponent } from '../heroes/hero.component.ts';
import { Hero } from '../heroes/hero.model.ts';
import { HeroService } from '../heroes/hero.service.ts';
We kunnen een vat toevoegen door een bestand in dezelfde componentmap te maken. In dit geval wordt de map 'helden' genoemd index.ts (met behulp van de conventies) die al deze items exporteert:
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 een consument importeren wat hij nodig heeft uit het vat.
import { Hero, HeroService } from '../heroes/index';
Toch kan dit een heel lange rij worden; die verder zou kunnen worden verminderd.
import * as h from '../heroes/index';
Dat is behoorlijk gereduceerd! De * as h importeert alle modules en aliassen als h
