mkdirangular6projectcdangular6projectngnewdemo新建一个普通项目ngnewdemo--routing新建一个带路由的项目新建项目过程比较慢新建完成之后cddemongserve--open若要切换…
参考地址:https://www.jianshu.com/p/55e503fd8307
使用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…
用这个@NgModule()这个decorator,放在一个class的上面,这个class一个一个module了@NgModule()里面的参数是一个对象,用来配置的,声明这个module里面的一些co'mponents,directiv…
第一步准备好api接口地址,例如https://api.example.com/api/第二步在根组件app.module.ts中引入HttpClientModule模块。//app.module.tsimport{HttpClientMo…
在前端项目中我们往往需要对每次请求做一些统一的处理,比如请求结果session过期处理,在header头部加上验证参数token等等,这个时候就需要用到拦截器。由于angular中http请求,依赖@angular/common/http模…
Angular6+Typescript项目中用到了一个包含到jquery里面的插件fontIconPickerhttps://github.com/fontIconPicker/fontIconPickerhttps://codeb.it/…
1使用promise从后台返回数据后,页面还是比数据更快的加载出来,导致echart图页面加载的时候不显示问题1.1html<divecharts[options]="downOption"(chartInit)="onChartIn…
文档:https://angular.io/guide/template-syntax#event-bindingTheAngularcompilermayrejectthesebindingswitherrorslikethisone:c…
AngularCli6禁用了webpack的自定义配置,官方似乎并未提供自定义配置webpack的方法。在此之前,可以使用ngeject把默认的webpack提取到代码中,进行自定义。还好有一个第三方库angular-builders对@a…
数据绑定:一、插值表达式绑定:{{data}}ts文件中:html文件中显示:二、属性绑定:([property]="data")实现功能:开始时显示false,2秒后显示truets文件:html文件显示:最初:2秒后:按钮操作:2秒后按…
这里使用的是模型驱动的表单1、app.module.tsimport{ReactiveFormsModule}from'@angular/forms';@NgModule({...imports:[ReactiveFormsModule,.…