关于angular:近期收获总结

0次阅读

共计 1109 个字符,预计需要花费 3 分钟才能阅读完成。

1、近期,首先学会并实际了应用 GitHub 桌面版,从 mian 分支拉取更新数据,创立本人的工作分支号并进行开发,最初上传本人写的代码到 GitHub 上。

2、publish 上传文件时,肯定要把测试用的“fit”改回“it”。

3、习惯运行时关上页面控制台,出错时,先认真看并翻译控制台报错的叙述,依据叙述找出问题所在。

4、多利用控制台打印日志来验证某文件是否正确执行。
eg:

要实现 community 的 add 性能,却报错如上图所示,通过排查不是第一种谬误(api 文件与 service 文件的 url 雷同),现利用控制台打印日志来检测出错起因。
先梳理数据流问题:
add.component.ts 中“this.communityService.save(newCommunity)”执行调用 community.service.ts 的 save 办法,M 层调用 HttpClient 向模仿后盾 mockApi 发动申请,执行 community.api.ts 文件。
首先在 service 打印日志发现控制台显示,进而在 api 文件打印日志,并未显示,表明 api 文件并未起作用,则转入下列第 5 点。

5、写了某文件后,要在相应的配置文件中退出申明。
eg:写了 community.api.ts 文件,要在 api.testing.module.ts 中退出 import,以及要在 provider 数组中退出 CommunityApi。
ps:前期,api.testing.module.ts 文件改写为:

@NgModule({
  imports: [HttpClientModule],
  providers: [{provide: CommonService, useClass: CommonStubService},
    {provide: HTTP_INTERCEPTORS, multi: true, useClass: MockApiTestingInterceptor.forRoot(apis)
    }]
})

指向 apis 文件,则把写的 api 文件(CommunityApi)相应地退出到 apis.ts 文件中即可。

6、html 文件中

<tr *ngFor="let object of pageData.content; index as i">
  <td>{{pageData.number * pageData.size + i + 1}}</td>

这样写后,分页时每一页就不单单又是 1~pageData.size 排序,而是从所有数据的 1~n 排序。即下图所示:

7、常见问题之一:
ng t 后失去如下谬误:

相似这种 NullInjectorError: No provider for xxx,个别就是 spec.ts 文件中短少某个模块的 import。

正文完
 0