前沿web开发框架

Angular

Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。

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...

Typescript默认值以及可选参数

2019年05月28日

可选参数:在参数名后面,冒号前面添加一个问号,则表明该参数是可选的。如下代码:function buildName(firstName: string, lastName?: string) { //lastName为可选参数 if (lastName) return firstName + " " + lastName; else return first...