摘要: 前言 之前写了那么多,不过都是静态页面。现在使用http模块与后端通信,变可以让我们的应用活起来。 我把后台服务写成了可跨域请求的webapi,这样在node上面调试起来就方便多了。 创建服务模块 1 ng给我们创建的模块account.service.ts,内容如下。 有关@Injectable和 阅读全文
posted @ 2017-11-23 17:25 断弦✦浪ლ小子 阅读(851) 评论(0) 推荐(0) 编辑
摘要: 安装 引用 在app.module.ts 中引用 使用 在count-year.component.ts中添加一些数据项 页面里添加图表元素 阅读全文
posted @ 2017-11-23 17:24 断弦✦浪ლ小子 阅读(1217) 评论(3) 推荐(0) 编辑
摘要: 前言 1、本项目是基于之前文章续写的。 用到了哪些 1、路由,子路由的使用,引入——定义Routes——router-outlet——routerLink——routerLinkActive 2、(click)指令,绑定事件 3、[ngClass]指令,绑定样式 安装 1 官方网址:https:// 阅读全文
posted @ 2017-11-23 17:22 断弦✦浪ლ小子 阅读(513) 评论(0) 推荐(0) 编辑
摘要: 写在前面 在angular4项目中 例子是基于之前文章:利用angular-cli构建Angular4.X项目 可以参考官网:https://cipchk.github.io/ngx-weui/#/docs/start 本来是写在后面的回顾,感觉放在前面比较好。 1、如何使用第三方库,安装-引用(主 阅读全文
posted @ 2017-11-23 17:06 断弦✦浪ლ小子 阅读(685) 评论(0) 推荐(0) 编辑
摘要: 前提 1、已经安装了node.js环境 2、已经安装了npm环境 windows可以通过cmd输入以下指令查看 1 2 安装angular-cli 脚手架 1 安装失败可以尝试下面方法,先卸载清楚缓存,再安装 1 2 3 官方文档 :https://github.com/angular/angula 阅读全文
posted @ 2017-11-23 17:06 断弦✦浪ლ小子 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 用jBox插件为例子1,npm install jBox --save2,找到.angular-cli.json 增加"../node_modules/jbox/Source/jBox.min.js"3,找到style.scss 增加@import "../node_modules/jbox/Sou 阅读全文
posted @ 2017-11-23 17:05 断弦✦浪ლ小子 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 1.安装hightcharts npm install highcharts --save typings install dt~highcharts --global --save 2.编辑 html文件在html中添加一个div来显示图表 <ion-content class="about"> 阅读全文
posted @ 2017-11-23 17:04 断弦✦浪ლ小子 阅读(345) 评论(0) 推荐(0) 编辑