模块的Angular 2导出服务

Question

I have a directory structure set up like this:

 app 
  |- core
  |   |_identity
  |   |    |_identity.service.ts
  |   |_ http
  |        |_apiClient.service.ts (service for interacting with my api)
  |-user
  |   |- models
  |   |    |-user.ts
  |   |- services
  |   |     | - user.service.ts
  |   |-listComponent
  |
  |-tenant
      |-models
      |   |-tenant.ts
      |- services
           |- tenant.service.ts
      ....

Both my tenant.service and my user.service inject my ApiClient object (that extends the http service). The problem is, to reference it, I have to add

import {ApiClient} from '../../../core/http/apiClient.service'

in all of my components that want to inject it. I have a core.module defined (and imported into my app.module) and would like to be able to reference my ApiClient without having to know the directory structure (ie I would like to be able to import it like the http service with import {ApiClient} from '@core/http' .

Answer 1

That is how Module resolution works in Typescript.

TypeScript will mimic the Node.js run-time resolution strategy in order to locate definition files for modules at compile-time

Read more about it here .

You may create a Angular library for your common functionality and install it using package.json so that the common module is inside node_modules folder like other libraries. then you may use all the exported types easily without knowing directory paths like,

 import { ApiClient } from 'MyLib';

Hope this helps!!