【TypeScript】NgModule组件的介绍1

1.问题：

什么是NgModule？

2.源代码：

export interface NgModule {//导出NgModule接口    /**    * Defines the set of injectable objects that are available in the injector    * 定义组建中可注入的对象集合是注射器中合法的；    * of this module.    *    * ## Simple Example    * 简单的例子    * Here is an example of a class that can be injected:    * 这儿是一个将被注入的类文件的例子    * ```    * class Greeter {//Greeter类    *    greet(name:string) {//定义方法greet(name:string)，传入值为string类型的，名为name的参数；    *      return 'Hello ' + name + '!';//返回值是：字符串'Hello'+name+'!';    *    }    * }    *    * @NgModule({//定义组件NgModule    *  providers: [//提供者：Greeter类（表名这个组件是由谁提供的）    *    Greeter    *  ]    * })    * class HelloWorld {//定义HelloWorld类    *  greeter:Greeter;//定义对象和类型：Greeter类型的greeter；    *    *  constructor(greeter:Greeter) {//构造器：constructor(greeter:Greeter)传入值为Greeter类型的greeter对象；    *    this.greeter = greeter;//这里传入的参数greeter就是Greeter类型的greeter；    *  }    * }    * ```    */

3.截图：

4.总结：

这里，在用到HelloWorld类中会注入Greeter类，需要在类内部用构造器 构造一下（constructor）；Greeter类就是组件（因为在@NgModule中定义了）；
这里总结下就是：
1.需要定义组件内容，谁是被调用者（class Greeter）
2.需要声明谁是组件（通过接口@NgModule）
3.需要声明谁是调用者（class HelloWorld）
3.1.调用者内部要构造一下（constructor）
（其它的内容请看下回分解）