发表于: 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()装饰器代表的是一个输入属性;
评论