mkdirangular6projectcdangular6projectngnewdemo新建一个普通项目ngnewdemo--routing新建一个带路由的项目新建项目过程比较慢新建完成之后cddemongserve--open若要切换…
参考地址:https://www.jianshu.com/p/55e503fd8307
这里使用的是模型驱动的表单1、app.module.tsimport{ReactiveFormsModule}from'@angular/forms';@NgModule({...imports:[ReactiveFormsModule,.…
升级命令npming-zorro-antdngaddng-zorro-antdng-zorro-antd1.8+的版本图标使用方法存在差异,我们需要按照新的标准对项目的图标进行调整,命令如下nggng-zorro-antd:fix-icon…
快照snapshot取到的参数是组件第一次渲染时候的参数,当我们在页面中需要根据不同的url查询参数显示不同的内容时,快照就不能满足我们的需要了,这时候就要用ActivatedRoute服务的queryParamMap参数,queryPar…
数据绑定:一、插值表达式绑定:{{data}}ts文件中:html文件中显示:二、属性绑定:([property]="data")实现功能:开始时显示false,2秒后显示truets文件:html文件显示:最初:2秒后:按钮操作:2秒后按…
准备为了使用tooltip,可以安装ng-bootstrap组件,它包含两个依赖:angular:5.0以上版本;bootstrapcss:4.0版本。安装好bootstrap之后,更新angular.json文件"styles":["no…
还没有了解过RXJS6的童鞋,可以查看我的另外一篇博文,此篇博文主要是对于RXJS5升级到RXJS6的代码调整示例RXJS5版本在RXJS5上我们是这样写请求的import'rxjs/add/observable/of';import'rx…
1使用promise从后台返回数据后,页面还是比数据更快的加载出来,导致echart图页面加载的时候不显示问题1.1html<divecharts[options]="downOption"(chartInit)="onChartIn…
Angular6+Typescript项目中用到了一个包含到jquery里面的插件fontIconPickerhttps://github.com/fontIconPicker/fontIconPickerhttps://codeb.it/…
在前端项目中我们往往需要对每次请求做一些统一的处理,比如请求结果session过期处理,在header头部加上验证参数token等等,这个时候就需要用到拦截器。由于angular中http请求,依赖@angular/common/http模…
使用npm安装ngx-loading模块npminstall--savengx-loading在app.module.ts中导入模块import{BrowserModule}from'@angular/platform-browser';i…
最近抽空学习了一下Angular6,之前主要使用的是vue,所以免不了的也想对Angular6提供的工具进行一些封装,今天主要就跟大家讲一下这个http模块。之前使用的ajax库是axios,可以设置baseurl,公共头部;集中捕捉错误等…
服务(Service)继学习笔记7,可以使用主从组件,现在继续学习(服务)Service;问题:为什么需要服务?因为:组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据。它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。这…
第一步:安装material和cdk和animations,一个也不能缺,否则会报错。npminstall--save@angular/material@angular/cdk@angular/animations第二步:在核心模块引入Br…