发表于: 2020-06-04 22:38:52

1 2302


今天完成的事情

解决任务11小程序的一个BUG

复习angular框架相关知识点

准备复盘评审ppt



明天计划的事情

复习js相关知识



angular核心思想

1)MVC

2)依赖注入

3)模块化

4)双向绑定


NgModule

是一个容器,存放一些内聚的代码块,使用某个特定的功能。它可以包含组件,服务提供商,其他代码文件等。

@NgModule函数的入参:

declarations(可声明对象表) —— 那些属于本 NgModule 的组件、指令、管道。

exports(导出表) —— 那些能在其它模块的组件模板中使用的可声明对象的子集。

imports(导入表) —— 那些导出了本模块中的组件模板所需的类的其它模块。

Providers(服务提供商) —— 本模块向全局服务中贡献的那些服务的创建器。 这些服务能被本应用中的任何部分使用。(你也可以在组件级别指定服务提供商,这通常是首选方式。)

Bootstrap(启动项) —— 应用的主视图,称为根组件。它是应用中所有其它视图的宿主。只有根模块才应该设置这个 bootstrap 属性;


依赖注入

注入器injector:在ng启动过程中会自动创建全应用级注入器;

注入器会创建依赖,通过维护一个容器来管理这些依赖,复用;

提供商provider:告诉注入器如何创建或获取依赖,即为新实例。


双向绑定

ngModel依赖FormsModule模块;

组件必须声明且只能声明(declarations)在一个NgModule中;

使用CLI创建组件会自动把它添加到NgModule中,如果手动创建组件,那还需要在对应的模块中声明一次;

如果不同模块需要声明同一个组件,可以将这种组件声明到一个公共的模块里面,然后分开在其他需要的模块引入该公共模块,再添加到imports数组中;另外,特别注意,公共慕课必须把组件export出去;

@Input()装饰器代表的是一个输入属性;



返回列表 返回列表
评论

    分享到