ng2 碎片2

来源:互联网 发布:少年心气 知乎 编辑:程序博客网 时间:2024/06/18 12:33

1.Injectable 在使用服务时,必须添加。官网=》教程=》服务
2.虽然NgModel是一个有效的Angular指令,但它默认情况下却是不可用的。 它属于一个可选模块FormsModule,要使用NgModel,需要引入FormsModule模块
3.主从结构:一个地方显示英雄列表,单击一个英雄后,出来这个英雄的所有信息。
4.自定义css类:例子=》[class.selected]=”hero === selectedHero”,
如果hero全等于selectedHero,那么就拥有这个css类,否则没有这个css类
5.1).组件的文件名及类名命名规则:
组件的类名应该是大驼峰形式,并且以Component结尾。 因此英雄详情组件的类名是HeroDetailComponent。
组件的文件名应该是小写中线形式,每个单词之间用中线分隔,并且以.component.ts结尾。 因此HeroDetailComponent类应该放在hero-detail.component.ts文件中。
2).服务的命名规则
我们遵循的文件命名约定是:服务名称的小写形式(基本名),加上.service后缀。 如果服务名称包含多个单词,我们就把基本名部分写成中线形式 (dash-case)。 例如,SpecialSuperHeroService服务应该被定义在special-super-hero.service.ts文件中。

6.ngOnInit : 生命周期钩子,可以用来初始化数据 。官网=》教程=》服务。
7.promise : 一种异步加载数据的方式。官网=》教程=》服务。
8.箭头函数:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
9.forRoot方法:使用了forRoot()方法,因为我们是在应用根部提供配置好的路由器。官网=》教程=》路由。
10.Location 服务:利用浏览器的历史堆栈,导航到上一步。为了避免回退太多步跑出应用,需要用CanDeactivate守卫对此进行防范。
例子:

goBack(): void {  this.location.back();}

11.路由模块的命名规则: 路由模块的名字应该包含“Routing”,并与导航到的组件所在的模块的名字看齐。比如 在app-routing.module.ts文件里面,路由模块命名为 AppRoutingModule
12.在app.module.ts中的imports中添加模块服务,就能从本应用的任何地方访问这些服务。

原创粉丝点击