Question

在组件中，我可以通过导入它来使用OnInit：

import { OnInit } from '@angular/core';

我不需要知道OnInit来源的确切位置。 Angular / core有一种隐藏确切位置的方法。

我想创建一个功能模块＆＃39; general＆＃39;它包含界面＆＃39; MyInterface＆＃39;，并且可以通过导入它在其他模块中使用它，如

import { MyInterface } from 'general';

如何隐藏MyInterface的确切位置？一些索引文件？

Answer 1

您需要从常规中导出类/函数，以便将它们导入到另一个文件中。

创建文件夹＆＃34; foo＆＃34; index.ts 和 general.ts

<强> index.ts

export * from './general.ts';
//export * from './subfolder/otherfiles.ts';

<强> general.ts

 interface A {
   myRequiredMethod(): void;

}

class B {
    anotherVariable: number = 2;

}

export { A, B };

<强> myAwesomeFile.ts

import { A, B } from './foo;
class MyAwesomeFile implements A {
 constructor() { 
    const foo = new B();
    console.log(foo.anotherVariable);

 }
 myRequiredMethod() {
   //implements myRequiredMethod from the "A" interface in general.ts
 }
}

如何隐藏Angular 2功能模块中组件的位置？

1 个答案: