ng2 碎片3

来源:互联网 发布:centos ssh免密码登录 编辑:程序博客网 时间:2024/06/08 07:04

http://www.jb51.net/article/95092.htm
1. NgModule bootstrap: 这个只能在根模块中使用,如果根模块是AppComponent,那么就只添加这个,其他模块添加到这里,会导致其他模块部分功能失效。
2. @Input: https://www.angular.cn/docs/ts/latest/guide/attribute-directives.html
根据属性名在绑定中出现的位置来判定是否要加@Input:
1)当它出现在等号右侧的模板表达式中时,它属于模板所在的组件,不需要@Input.
2)当它出现在等号右边的方括号([])中时, 该属性属于其他组件或指令,它必须要带有@Input 装饰器。
3. 响应式表单是同步的,模板驱动表单是异步的。
4. formcontrol: 它是一个指令,允许我们直接创建并管理一个formcontrol实例。 官网=》 高级文档=》 响应式表单
5. AbstractControl 是三个具体表单类的抽象基类。并为它们提供了一些共同的行为和属性,其中有些是可观察对象(Observable);
FormControl: 用于跟踪一个单独的表单控件的值和有效性状态。它对应于一个HTML表单控件,比如输入框和下拉框。
FormGroup: 用于跟踪一组AbstractControl的实例的值和有效性状态。该组的属性中包含了他的子空间。组件中的顶级表单就是一个FormGroup.
FormArray: 用于跟踪AbstractControl 实例组成的有序数组的值和有效性状态。
官网=》 高级文档=》 响应式表单
6. NgIf和NgFor 是来自@angular/commom的CommonModule中CommonModule中声明的。
CommonModule提供了很多应用程序中常用的命令,包括NgIf和NgFor等。
BrowserModule 导入了 CommonModule 并且重新导出了它。 最终的效果是: 只要导入BrowserModule 就自动获得了CommonModule中的指令。
7. RouterModule.forRoot、RouterModule.forChild 方法 :https://www.angular.cn/guide/ngmodule 应用路由
8. [(ngModel)] 数据双向绑定,使用时需要添加 formsModule模块
9. 将特性模板分别放置,然后将所有共享模板放到一个共享模板(sharedModule)里,将根目录其他杂乱的模板放到一个coreModule里面
10. 只能在根模块导入 browserModule
11. 在惰性加载模板中声明的服务提供商支队改模板自身可见,启动时就加载的模板中的服务提供商 是 全应用都可以见得。
12. angular会忽略对象内部的改动,因此对象添加或者更新时,angular不会调用纯管道,但是会调用非纯管道
13. ngIf 指令并不是使用css来隐藏元素的。它会把这些元素从DOM中物理删除。在隐藏显示(display:none) 和 删除之间 ,最好选择删除。
14、 通配符路由(**)或者空路由(”) 可以导航到自定义的组件,也可以重定向到一个现有路由。
***15、***routerLinkActive: 把[routerLinkActiveOptions]绑定到{exact: true}表达式可防止路由级联