前沿web开发框架
Angular
Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。
Angular子路由相关问题
2019年07月29日
最近在配置子路由的时候一直无法很好的匹配,昨天下午研究了一段时间,将一些问题总结和记录如下。const routes: Routes = [ {path: '', redirectTo: 'home', pathMatch: 'full'}, {path: 'home', component: HomeComponent}, {path: 'Account', loadChild...
Angular Paypal相关资料整理
2019年07月11日
由于官方提供的Angular是js的文件,在Angular里面操作很麻烦。于是找到了一个这个包,包的名称是:ngx-paypal,项目地址:ngx-paypal项目示例在这里:Angular PayPal同时官方文档在这里,可以参考:Paypal Develop Doc
Angular 2 - 使用trackBy提高性能
2019年07月06日
问题:当您需要迭代Angular 2中的集合时,您可能会使用ngFor指令,该指令将从集合中的每个项目实例化一次模板。<ul> <li *ngFor="let item of collection;">{{item.id}}</li></ul>如果我们在某些时候需要更改集合中的数据,例如由于API请求,我们就会遇到问题,因为Angular无法跟踪集合中的项目,也不知道哪些项目已被删除或添加。因此...
通过trackBy提高Angular *ngFor性能
2019年07月06日
介绍基本上,开发人员发出GET http获取远程数据的请求,然后通过* ngFor结构指令将此数据绑定到HTML。但是,你有没有想过这个* ngFor指令的方法?该指令将接收可迭代项数组作为输入,然后为该数组的每个项创建一个模板。* ngFor局部变量实际上,* ngFor导出一些局部变量用于当前迭代:index:每个模板上下文的当前循环迭代。first:布尔值,指示项是否是迭代中的第一个项。la...
Angular 变更检测
2019年06月24日
github上面一个很不错变更检测的代码例子:change-detection-tree另外一篇动态更新Observable的例子:AngularAngular Observable Data Services详细讲解在这里:AngularAngular Observable Data Services
Angular 管道 时区问题
2019年06月24日
最近在从数据库读取数据的时候,Angular显示时间与数据库显示时间不同。如下图所示:前端显示的时间:数据库显示时间:可以看到两个时间不一样,主要在小时上,也就是不同时区导致显示的时间不同,需要统一时区。看一下Angular的管道(Pipe)的写法:<p class="kt-widget5__desc">添加时间:{{item.create_time | date:'yyyy-MM-dd HH:m...
Angular multiples params or headers
2019年06月23日
To add multiples params or headers you can do the following:constructor(private _http: HttpClient) {} //.... const url = `${environment.APP_API}/api/request`; let headers = new HttpHeaders()....
formControlName和[FormControl]有什么区别?
2019年06月13日
最近在使用Angular,分不清formControlName和[FormControl]有什么区别下面是一个实例:<div> <input type="text" [formControl]="myForm.controls.firstName"/> <input type="text" [formControl]="myForm.controls.lastName"/> <i...