- Learning Angular
- Aristeidis Bampakos Pablo Deeleman
- 219字
- 2021-06-11 18:24:05
Modules
As our applications scale and grow in size, there will be a time when we need to organize our code better and make it sustainable and more reusable. Modules are responsible for this need, so let's take a look at how they work and how we can implement them in our application.
A module works at a file level, where each file is the module itself, and the module name matches the filename without the .ts extension. Each member marked with the export keyword becomes part of the module's public API:
my-service.ts
export class MyService {
getData() {}
}
To use this module and its exported class, we need to import it:
import { MyService } from './my-service';
Notice that the./my-service path is relative to the location of the file that imports the module. If the module exports more than one artifact, we place them inside the curly braces one by one, separated with a comma:
export class MyService {
getData() {}
}
export const PI = 3.14;
import { MyService, PI } from './my-service';
In the preceding example, MyService exports the getData method and the PI variable in one go.
- 高手是如何做產(chǎn)品設(shè)計(jì)的(全2冊(cè))
- 信息安全技術(shù)
- Building Cross-Platform Desktop Applications with Electron
- concrete5 Cookbook
- 從零開(kāi)始學(xué)C語(yǔ)言
- Oracle GoldenGate 12c Implementer's Guide
- Python 3.7從入門(mén)到精通(視頻教學(xué)版)
- Nagios Core Administration Cookbook(Second Edition)
- Machine Learning for OpenCV
- Java EE架構(gòu)設(shè)計(jì)與開(kāi)發(fā)實(shí)踐
- AutoCAD基礎(chǔ)教程
- Swift High Performance
- Learning TypeScript
- 零基礎(chǔ)入門(mén)學(xué)習(xí)C語(yǔ)言:帶你學(xué)C帶你飛
- Python程序設(shè)計(jì)