随笔分类 - angular
摘要:前言 之前写了那么多,不过都是静态页面。现在使用http模块与后端通信,变可以让我们的应用活起来。 我把后台服务写成了可跨域请求的webapi,这样在node上面调试起来就方便多了。 创建服务模块 1 ng给我们创建的模块account.service.ts,内容如下。 有关@Injectable和
阅读全文
摘要:安装 引用 在app.module.ts 中引用 使用 在count-year.component.ts中添加一些数据项 页面里添加图表元素
阅读全文
摘要:前言 1、本项目是基于之前文章续写的。 用到了哪些 1、路由,子路由的使用,引入——定义Routes——router-outlet——routerLink——routerLinkActive 2、(click)指令,绑定事件 3、[ngClass]指令,绑定样式 安装 1 官方网址:https://
阅读全文
摘要:写在前面 在angular4项目中 例子是基于之前文章:利用angular-cli构建Angular4.X项目 可以参考官网:https://cipchk.github.io/ngx-weui/#/docs/start 本来是写在后面的回顾,感觉放在前面比较好。 1、如何使用第三方库,安装-引用(主
阅读全文
摘要:前提 1、已经安装了node.js环境 2、已经安装了npm环境 windows可以通过cmd输入以下指令查看 1 2 安装angular-cli 脚手架 1 安装失败可以尝试下面方法,先卸载清楚缓存,再安装 1 2 3 官方文档 :https://github.com/angular/angula
阅读全文
摘要:用jBox插件为例子1,npm install jBox --save2,找到.angular-cli.json 增加"../node_modules/jbox/Source/jBox.min.js"3,找到style.scss 增加@import "../node_modules/jbox/Sou
阅读全文
摘要:1.安装hightcharts npm install highcharts --save typings install dt~highcharts --global --save 2.编辑 html文件在html中添加一个div来显示图表 <ion-content class="about">
阅读全文
摘要:如果我们想在Angular中使用第三方的库,比如jquery或bootstrap等,该如果做呢? 首先我们先来看看package.json这个文件,在目录介绍那篇博客中我们已经知道,package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包,这些是A
阅读全文
摘要:一个比较正确的使用方法:https://github.com/xieziyu/ngx-echarts 1、 npm install echarts --save npm install ngx-echarts --save 如果网速差,可以使用淘宝镜像 2、项目中.angular-cli.json
阅读全文
摘要:1.安装ngx-echarts npm install echarts --save npm install ngx-echarts --save 2.在项目中引入echarts 在项目包配置文件中引入js脚本 //angular-cli.json文件 { "apps": [{ "scripts":
阅读全文
摘要:翻译:深入 AngularUI Router 原文地址:http://www.ng-newsletter.com/posts/angular-ui-router.html ui-router: https://angular-ui.github.io/ui-router/site/#/api/ui.
阅读全文
摘要:这个简单的框架最后只剩下了js的控制部分了,angular框架有自己的逻辑部分,有自己的controller和service层,由于我们可能要用到angular的一些内置的resource和cookie,所以我们需要再加入angular的一些lib: index.html [html] view p
阅读全文
摘要:1.关于什么是AngularJs以及什么是bootstrap我就不多说了,简单说下,AngularJs是一个比较强大前台MVC框架,bootstrap是Twitter推出的一个用于前端开发的开源工具包,可以迅速搭建web前台,可以去官网看看(AngularJs:http://angularjs.or
阅读全文
摘要:1.用AngularJs app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了,首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css(当然是bootstrap的),代码如下: [html] view plain copy <script src="lib/
阅读全文
摘要:本节我们主要给大家介绍AngularJs如何调用Restful,实现数据的CRUD。 主要用到的技术: 后端:ASP.NET WebApi + SQLServer2008 前端:AngularJs,Bootstrap3 主要用到的开发工具 后端:VisualStudio2013 + SQLServe
阅读全文
摘要:在我的 GitHub 项目 Remote Camera 中,我使用了 AngularJs 来完成一个 Web App 的开发,感觉挺方便挺赞的。 今天以 Remote Camera 为例子,分享下如何实现。 一、需求功能 首先我为 Remote Camera 做了功能规划,明确有几个点: 控制用户访
阅读全文
摘要:看了下angular 的route,用它做个非常简单的单页面应用,记录一下。 顺便说下,好处是,页面改变时不需要刷新,而每个页面都展现不同的数据。尤其在使用模板页的时候,非常方便。 一 示例 项目结构: index.html script.js pages home.html about.html
阅读全文