js框架 - 随笔分类 - Hi_Amos

AngularJS学习--- 动画操作 (Applying Animations) ngAnimate　step 12

摘要：1.切换目录git checkout step-12npm start2.效果图这里在点击右边的缩略图时,会有一个很明显的从下向上的动画过程.3.代码实现:step11和step12之间的代码差异:https://github.com/angular/angular-phonecat/compare... 阅读全文

posted @ 2014-05-16 00:01 Hi_Amos 阅读(3579) 评论(0) 推荐(2) 编辑

AngularJS学习---REST和自定义服务(REST and Custom Services) ngResource step 11

摘要：1.切换目录git checkout step-11npm start2.效果图效果图和step 10的没有什么差别,这里主要的改动都是代码,代码做了很多优化,这里效果图就不再贴出来了.3.实现代码step-10和step-11之间的差别:https://github.com/angular/ang... 阅读全文

posted @ 2014-05-15 01:40 Hi_Amos 阅读(883) 评论(0) 推荐(0) 编辑

AngularJS学习--- 事件处理(Event Handlers) ng-click操作 step 10

摘要：本文主要通过介绍ng-click方法来对angularjs中的事件处理方法做个了解.1.切换目录git checkout step-10npm start2.效果点击右边的小图片,那么左边框中将显示大图片,示例如下:3.代码实现查看step-9和step-10之间的代码差异:https://gith... 阅读全文

posted @ 2014-05-15 00:42 Hi_Amos 阅读(8903) 评论(0) 推荐(0) 编辑

AngularJS学习--- 过滤器(filter),格式化要显示的数据 step 9

摘要：1.切换目录,启动项目git checkout step-9npm start2.需求:格式化要显示的数据.比如要将true-->yes,false-->no,这样相互替换.3.效果:4.代码实现:这里主要是使用filter过滤器来进行数据过滤,这里只是在前端进行数据过滤,原始数据是不发生变化的.$... 阅读全文

posted @ 2014-05-13 02:07 Hi_Amos 阅读(1788) 评论(0) 推荐(0) 编辑

AngularJS学习---更多模板(More Templating) step 8

摘要：1.切换分支amosli@amosli-pc:~/develop/angular-phonecat$ git checkout step-8 #切换分支amosli@amosli-pc:~/develop/angular-phonecat$ npm start #启动项目2.需求:将step 7 中... 阅读全文

posted @ 2014-05-13 01:20 Hi_Amos 阅读(578) 评论(0) 推荐(0) 编辑

AngularJS学习---Routing(路由) & Multiple Views(多个视图) step 7

摘要：1.切换分支到step7,并启动项目git checkout step-7npm start2.需求:在步骤7之前，应用只给我们的用户提供了一个简单的界面（一张所有手机的列表），并且所有的模板代码位于index.html文件中。下一步是增加一个能够显示我们列表中每一部手机详细信息的页面。可以先看一... 阅读全文

posted @ 2014-05-13 00:51 Hi_Amos 阅读(2294) 评论(0) 推荐(0) 编辑

AngularJS学习--- AngularJS中模板链接和图像 ng-src step6

摘要：接上一篇文章,本文将主要介绍angularjs中的模板链接,和图像显示?首先,切换分支,启动项目:git checkout step-6npm start1.效果相较于前一篇文章,明显感觉多了图片,那么这些图片是怎么加载进去的呢?这里图片各不一样,如果用传统的方式去加载图片可能要写很多代码,这里看一... 阅读全文

posted @ 2014-05-09 02:12 Hi_Amos 阅读(3871) 评论(0) 推荐(0) 编辑

AngularJS学习--- AngularJS中XHR(AJAX)和依赖注入(DI) step5

摘要：前言:本文接前一篇文章,主要介绍什么是XHR,AJAX,DI,angularjs中如何使用XHR和DI.1.切换工具目录git checkout -f step-5 #切换分支npm start #启动项目2.什么是XHR和依赖注入(Dependency Injection)?1)什么是XHR?XH... 阅读全文

posted @ 2014-05-09 01:32 Hi_Amos 阅读(2549) 评论(0) 推荐(1) 编辑

AngularJS学习--- AngularJS中数据双向绑定(two-way data-binding) orderBy step4

摘要：1.切换工作目录git checkout step-4 #切换分支,切换到第4步npm start #启动项目2.代码app/index.htmlSearch: Sort by: {{phone.name}} {{phone.snippet}} app/controllers.... 阅读全文

posted @ 2014-05-07 01:16 Hi_Amos 阅读(1608) 评论(0) 推荐(1) 编辑

AngularJS学习--- AngularJS中的模板template和迭代器过滤filter step2 step3

摘要：1.AngularJS 模板---step2:mvc(Model-View-Controller)模式在后端用的比较多,在前端也是一样的常用;在AngularJS中，一个视图是模型通过HTML模板渲染之后的映射。这意味着，不论model什么时候发生变化，AngularJS会实时更新结合点，随之更新视... 阅读全文

posted @ 2014-05-06 02:21 Hi_Amos 阅读(1947) 评论(0) 推荐(0) 编辑

Angularjs学习---官方phonecat实例学习angularjs step0 step1

摘要：接下来一系列的文章都是学习https://docs.angularjs.org/tutorial的笔记,主要学习的angular-phonecat项目的实现,来介绍angularjs的使用.1.下载angular-phonecat使用git clone phonecat:git clone --de... 阅读全文

posted @ 2014-05-06 01:22 Hi_Amos 阅读(7035) 评论(1) 推荐(0) 编辑

Angularjs学习---ubuntu12.04中karma安装配置中常见的问题总结

摘要：karma启动时出现了很多问题:1.安装karma前提条件安装karma首先要安装nodejs,npm然后才可以安装karma.nodejs,npm的安装过程可以参考文章:Angularjs学习---angularjs环境搭建,ubuntu 12.04下安装nodejs、npm和karma2.安装k... 阅读全文

posted @ 2014-05-06 00:39 Hi_Amos 阅读(2063) 评论(0) 推荐(0) 编辑

Angularjs学习---angularjs环境搭建,ubuntu 12.04下安装nodejs、npm和karma

摘要：1.下载angularjs进入其官网下载:https://angularjs.org/‎,建议下载最新版的:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular.js所有版本:https://code.angular... 阅读全文

posted @ 2014-04-29 02:41 Hi_Amos 阅读(3663) 评论(5) 推荐(1) 编辑

随笔分类 - js框架