【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)
(其它的内容请看下回分解)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陶洲川

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值