在Github上找到了一个支持Angular4好用的文件上传组件ng2-file-upload,这里简单介绍一下这个库的集成使用方案。本文基于该组件的1.2.1版。安装非常简单,只要在项目根路径下运行如下npm命令即可:npminstall…
本文参考文章:https://dzone.com/articles/angular-2-vs-angular-4-features-performance转载请注明出自:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发…
1.安装ngx-echartsnpminstallecharts--savenpminstallngx-echarts--save2.在项目中引入echarts在项目包配置文件中引入js脚本//angular-cli.json文件{"app…
最近在写基于angular4的项目的时候,在build--prod的时候,突然措手不及的蹦出个报错,大致错误如下:70%buildingmodules1345/1345modules0active<---LastfewGCs---&g…
通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道。一、大小写转换管道uppercase将字符串转换为大写lowercase将字符串转换为小写<p>将字符串转换为大写{{st…
angular4.0项目执行npmrunbuild后,进入页面正常显示。但是当刷新页面时,报错404,页面未找到。出现这个问题的原因,应该是找不到路由地址导致的,然后找到了下面的解决方案。找到app.module.ts文件,这个是根模块。在…
项目框架:angular4+ionic3执行npmrunionic:serve运行时报错Ineffectivemark-compactsnearheaplimitAllocationfailed-JavaScriptheapoutofmem…
分页组件一般只某个页面的一小部分,所以我们它是子组件当然如果你承认这话的,可以往下看,因为我把他当作子组建来写了分页组件的模版import{Component}from'@angular/core';@Component({selector…
话不多说直入主题,最常见的有三种方式来引用第三方插件,下面以jquery插件及基于JQuery的两款插件:nicescroll和rangeSlider为例。一、第一种方式:在.angular-cli.json文件中配置步骤:1.在项目根目录…
快捷键:ALT+ENTER直接import对应的依赖路径
场景说明:angular4开发的一个后台项目一、可以使用angular-cli创建一个带路由的项目,ngnew项目名称--routing会多创建一个app-routing.module.ts文件代码如下:import{NgModule}fr…
在angular4项目中,每次请求服务端需要添加头部信息AccessToken作为认证的凭据。但如果在每次调用服务端就要写代码添加一个头部信息,会变得很麻烦。可以使用angular4的HttpClient来拦截每个请求,然后在头部添加上信息…
注意:请先在终端/控制台窗口中运行命令node-v和npm-v,来验证一下你正在运行node6.9.x和npm3.x.x以上的版本。更老的版本可能会出现错误,更新的版本则没问题。全局安装AngularCLI脚手架工具(只需要安装一次)。1.…
上一篇文章说一下,后台接口的创建,这篇说一下如果调用接口。创建一个目录helpers此目录下有三个文件分别是ApiClient.ts、clientMiddleware.ts、Core.ts,前面两个文件。是因为在React项目中调用后台接口…
监听click事件,默认三秒钟内的点击事件触发第一次的点击事件,也可以通过throttleTime自定义时间只触发第一次/***<div(throttleClick)="goExceptionReport()"[throttleTim…