官术网_书友最值得收藏!

  • 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.

主站蜘蛛池模板: 靖宇县| 永丰县| 大悟县| 承德县| 封丘县| 华安县| 邳州市| 来安县| 当涂县| 吉水县| 本溪市| 瓦房店市| 汝南县| 吉安县| 大兴区| 深水埗区| 绥德县| 榆林市| 重庆市| 雅安市| 隆回县| 汪清县| 镇康县| 垣曲县| 白河县| 巴塘县| 磴口县| 武宁县| 裕民县| 鹰潭市| 宜君县| 浙江省| 习水县| 清苑县| 巴里| 西林县| 怀柔区| 临泉县| 辰溪县| 岗巴县| 灵山县|