随笔分类 -  angular

摘要:前言 之前写了那么多,不过都是静态页面。现在使用http模块与后端通信,变可以让我们的应用活起来。 我把后台服务写成了可跨域请求的webapi,这样在node上面调试起来就方便多了。 创建服务模块 1 ng给我们创建的模块account.service.ts,内容如下。 有关@Injectable和 阅读全文
posted @ 2017-11-23 17:25 断弦✦浪ლ小子 阅读(856) 评论(0) 推荐(0) 编辑
摘要:安装 引用 在app.module.ts 中引用 使用 在count-year.component.ts中添加一些数据项 页面里添加图表元素 阅读全文
posted @ 2017-11-23 17:24 断弦✦浪ლ小子 阅读(1218) 评论(3) 推荐(0) 编辑
摘要:前言 1、本项目是基于之前文章续写的。 用到了哪些 1、路由,子路由的使用,引入——定义Routes——router-outlet——routerLink——routerLinkActive 2、(click)指令,绑定事件 3、[ngClass]指令,绑定样式 安装 1 官方网址:https:// 阅读全文
posted @ 2017-11-23 17:22 断弦✦浪ლ小子 阅读(515) 评论(0) 推荐(0) 编辑
摘要:写在前面 在angular4项目中 例子是基于之前文章:利用angular-cli构建Angular4.X项目 可以参考官网:https://cipchk.github.io/ngx-weui/#/docs/start 本来是写在后面的回顾,感觉放在前面比较好。 1、如何使用第三方库,安装-引用(主 阅读全文
posted @ 2017-11-23 17:06 断弦✦浪ლ小子 阅读(689) 评论(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 断弦✦浪ლ小子 阅读(249) 评论(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 断弦✦浪ლ小子 阅读(389) 评论(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 断弦✦浪ლ小子 阅读(347) 评论(0) 推荐(0) 编辑
摘要:如果我们想在Angular中使用第三方的库,比如jquery或bootstrap等,该如果做呢? 首先我们先来看看package.json这个文件,在目录介绍那篇博客中我们已经知道,package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包,这些是A 阅读全文
posted @ 2017-10-24 09:49 断弦✦浪ლ小子 阅读(350) 评论(0) 推荐(0) 编辑
摘要:一个比较正确的使用方法:https://github.com/xieziyu/ngx-echarts 1、 npm install echarts --save npm install ngx-echarts --save 如果网速差,可以使用淘宝镜像 2、项目中.angular-cli.json 阅读全文
posted @ 2017-10-22 23:05 断弦✦浪ლ小子 阅读(2509) 评论(0) 推荐(0) 编辑
摘要:1.安装ngx-echarts npm install echarts --save npm install ngx-echarts --save 2.在项目中引入echarts 在项目包配置文件中引入js脚本 //angular-cli.json文件 { "apps": [{ "scripts": 阅读全文
posted @ 2017-10-22 23:02 断弦✦浪ლ小子 阅读(2589) 评论(0) 推荐(0) 编辑
摘要:翻译:深入 AngularUI Router 原文地址:http://www.ng-newsletter.com/posts/angular-ui-router.html ui-router: https://angular-ui.github.io/ui-router/site/#/api/ui. 阅读全文
posted @ 2017-01-03 15:39 断弦✦浪ლ小子 阅读(363) 评论(0) 推荐(0) 编辑
摘要:这个简单的框架最后只剩下了js的控制部分了,angular框架有自己的逻辑部分,有自己的controller和service层,由于我们可能要用到angular的一些内置的resource和cookie,所以我们需要再加入angular的一些lib: index.html [html] view p 阅读全文
posted @ 2016-09-28 12:01 断弦✦浪ლ小子 阅读(450) 评论(0) 推荐(0) 编辑
摘要:1.关于什么是AngularJs以及什么是bootstrap我就不多说了,简单说下,AngularJs是一个比较强大前台MVC框架,bootstrap是Twitter推出的一个用于前端开发的开源工具包,可以迅速搭建web前台,可以去官网看看(AngularJs:http://angularjs.or 阅读全文
posted @ 2016-09-28 12:00 断弦✦浪ლ小子 阅读(222) 评论(0) 推荐(0) 编辑
摘要:1.用AngularJs app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了,首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css(当然是bootstrap的),代码如下: [html] view plain copy <script src="lib/ 阅读全文
posted @ 2016-09-28 12:00 断弦✦浪ლ小子 阅读(1196) 评论(0) 推荐(0) 编辑
摘要:本节我们主要给大家介绍AngularJs如何调用Restful,实现数据的CRUD。 主要用到的技术: 后端:ASP.NET WebApi + SQLServer2008 前端:AngularJs,Bootstrap3 主要用到的开发工具 后端:VisualStudio2013 + SQLServe 阅读全文
posted @ 2016-09-26 17:24 断弦✦浪ლ小子 阅读(644) 评论(0) 推荐(0) 编辑
摘要:在我的 GitHub 项目 Remote Camera 中,我使用了 AngularJs 来完成一个 Web App 的开发,感觉挺方便挺赞的。 今天以 Remote Camera 为例子,分享下如何实现。 一、需求功能 首先我为 Remote Camera 做了功能规划,明确有几个点: 控制用户访 阅读全文
posted @ 2016-09-23 14:48 断弦✦浪ლ小子 阅读(334) 评论(0) 推荐(0) 编辑
摘要:看了下angular 的route,用它做个非常简单的单页面应用,记录一下。 顺便说下,好处是,页面改变时不需要刷新,而每个页面都展现不同的数据。尤其在使用模板页的时候,非常方便。 一 示例 项目结构: index.html script.js pages home.html about.html 阅读全文
posted @ 2016-09-23 13:42 断弦✦浪ლ小子 阅读(361) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示