Angular2
zhy前端攻城狮
个人博客:http://zhanghongyublog.com
展开
-
在Angular 6.x 中使用ng2-smart-table中的ServerDataSource及添加特殊情况处理
上文链接从零开始在Angular 6中使用ng2-smart-table组件中的LocalDataSource原创 2018-10-30 14:18:30 · 3724 阅读 · 0 评论 -
从零开始在Angular 6.x 中使用ng2-smart-table组件中的LocalDataSource
ng2-smart-table 源码:[ng2-smart-table](https://github.com/akveo/ng2-smart-table/issues/479)第一步:创建新项目,用来做demo步骤一:创建新项目ng new demo-ng2-smart-table步骤二:下载依赖包npm i步骤三:下载ng2-smart-table 及相关的依赖项npm in...原创 2018-10-09 16:58:33 · 1816 阅读 · 0 评论 -
在Angular 6中使用ngx-echarts 组件的地图(map)图表
首先,贴出官网ngx-echarts 官方文档ngx-echarts 官方demongx-echarts是根据echarts插件开发的,适用于Angular2.x及以上,另外不同版本的ngx-echarts也适用于不同版本的Angular,主要划分版本是Angular 6.v4.0.0 for Angular >= 6v2.3.1 for Angular < 6步骤如下...原创 2018-09-30 15:37:31 · 7293 阅读 · 4 评论 -
在Angular 6.x 中使用ngx-translate组件进行国际化
1、导入模块app.module.tsimport {BrowserModule} from '@angular/platform-browser';import {NgModule} from '@angular/core';import {TranslateModule} from '@ngx-translate/core';@NgModule({ imports: [ ...原创 2018-10-18 09:13:16 · 1157 阅读 · 0 评论 -
Angular 2自定义弹出组件toast(使用路由)
原理: 使用Angular2的命名路由插座,一个用来显示app正常的使用,一个用来显示弹出框,<router-outlet name='apps'></router-outlet><router-outlet name='popup'></router-outlet&amp原创 2018-07-05 17:33:00 · 2940 阅读 · 0 评论 -
在Angular2中使用SVG自定义图表(条形图、折线图)组件
要求:用户将数据作为参数传进来,通过类型决定渲染何种类型的图标。 demo: html:<ngo-chart [inputParams]="options"></ngo-chart>ts: options = { type: 'line', //图表类型 xAxis: { //X轴的数据 ...原创 2018-05-24 14:56:52 · 3024 阅读 · 0 评论 -
在Angular6中使用primeNG UI框架
第一种情况,项目还没开始。 第一步:使用ng new projectng new PrimeNGproject第二步:可以运行一下是否成功ng s第三步:安装primeNGnpm install primeng第四步:安装font-awesome(一个图标字体库和CSS框架 )npm install font-awesome第五步:配置angular....原创 2018-05-25 11:42:57 · 9348 阅读 · 1 评论 -
安装Angular-Cli以及失败原因解决(Angular4.0)
由于Angular4升级了,旧版的Angular-Cli支持性不是很好,所以Angular-Cli也需要升级更新,本质就是删除掉以前的,再重新安装就好了。Angular-Cli is more than tool,it is a platform!一、安装Angular-Cli经过n次的失败安装,终于在最后一次安装成功,为了使同学们少走弯路,现将经验写下来:1、查看你的node以及npm版本:no...原创 2017-03-07 09:17:08 · 56060 阅读 · 25 评论 -
Angular2之RxJS源码解读
基本概念Reactive Extensions for JavaScript 的缩写,起源于 Reactive Extensions RxJS是一个库,它通过使用observable序列来编写异步和基于事件的程序。它提供了一个核心类型Observable,附属类型(Observer、Schedulers、Subjects)和受[Array#extras]启发的操作符(map、filter...原创 2018-02-26 15:08:13 · 2066 阅读 · 0 评论 -
Angular4之动画
在angular里面,动画的本质,是在一定时间,由一个状态转换到另一个状态,期间的过渡效果就是显示出来就是动画。 例如:import { Component,Input} from '@angular/core';import { trigger, state, style, animate, transition} from '@angular/animati原创 2018-01-19 20:17:03 · 2647 阅读 · 3 评论 -
Angular2秒表及改良版
初版代码:export class Watches { id: number; str: string;}export let watcheList: Watches[] = [{ id: 0, str: '123456'}, { id: 1, str: '564822'}]//watchList 是一个静态类watchList = watcheList;原创 2017-09-14 09:51:23 · 1131 阅读 · 0 评论 -
在Angular6.x中使用 paper.js绘制矩形
Paper.js是一个开源的矢量图形的脚本,运行于HTM5的Canvas上,所以仅仅支持现代的浏览器。下面的例子是在Angular6.x 中使用paper.js。原创 2019-07-18 16:01:05 · 744 阅读 · 0 评论