
AngularJS
Mooner_guo
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
AngularJS学习(七)路由控制 ui-router
使用ng-route已经不能满足多视图嵌套,所以开发了ui-router路由,当实现导航栏的时候,使用到多个视图嵌套,那么可以使用ui-router来实现。用法基本和上节讲的ng-router一样,ng-view换成ui-view,$routeProvider换成 $stateProvider和$urlRouterProvider代码: 1.index.html原创 2015-01-06 16:26:12 · 5234 阅读 · 0 评论 -
AngularJS(五) 迭代器和过滤器
使用ng-repeat=“xx in xxx” {{phone.name}} {{phone.snippet}} function PhoneListCtrl($scope) { $scope.phones = [ {"name": "Nexus S", "snippet": "Fast just got fast原创 2015-01-05 14:29:26 · 1388 阅读 · 0 评论 -
angularjs中使用jquery
Angularjs中使用jquery的话需要使用指令(directive)指令怎么用请百度,直接讲怎么整合jquery。例如给一个div绑定一个点击事件,使得它的css样式发生变化angular.module('myapp',[]) .directive('myclick',function(){ return{ restrict:'A',原创 2015-04-15 13:45:12 · 9377 阅读 · 1 评论 -
AngularJS学习(八) --服务Service
一、什么是服务 Angular 服务是为web应用执行特定任务的单例对象或方法。简而言之,就是controller共用的函数。在其他语言中如java便有这样的概念,其作用就是对外提供某个特定的功能,如消息服务,文件压缩服务等,是一个独立的模块。ng的服务是这样定义的:Angular services are singletons objects or functions tha原创 2015-01-07 11:44:47 · 1239 阅读 · 0 评论 -
AngualrJS学习(十) ng指令
ng指令常用介绍http://www.cnblogs.com/lvdabao/p/3379659.html1.ng-show,ng-hide jquery需要操作DOM,而angularjs不需要操作,它绑定了需要显示的内容,自动修改display属性的值来做显示。对于比较常用的元素显隐控制,ng也做了封装,ng-show和ng-hide的值为boolean类型原创 2015-01-09 11:00:17 · 1183 阅读 · 0 评论 -
$apply(),$digest()用法
http://www.tuicool.com/articles/bAJVBvB这篇已经写得很详细了,可以去看看有个疑问就是在手动使用$apply()的时候,会出现'$apply already in progress' 的错误,经过查资料,看到一个好的解决方法$scope.safeApply = function(fn) { var phase = this.$root.$$p原创 2015-04-23 16:47:38 · 1198 阅读 · 0 评论 -
AngularJS学习(六) 路由控制 ng-route
一.AngularJS路由控制介绍:1.简介:AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样。后台路由,通过不同的URL会路由到不同的控制器上(controller),再渲染(render)到页面(HTML)。AngularJS的前端路由,需求提前对指定的(ng-app),定义路由规则(routeProvider),然后通过不同的URL,告诉(ng-app)加载原创 2015-01-06 09:12:24 · 4183 阅读 · 0 评论 -
AngularJS学习(二) 引导
... 一般将放到页面底部,缩短应用加载时间,这样html加载不会被angular.js的加载而阻塞。自动初始化 AngularJS会在DOMContentLoaded事件触发时执行,找到ng-app指令,就将该html纳入AngularJS管理,然后 寻找你的应用根作用域。如果ng-app指令找到了,那么AngularJS将会: a.载原创 2015-01-04 17:10:32 · 820 阅读 · 0 评论 -
AngularJS学习(四) 指令
指令(Directives)使我们用来扩展浏览器能力的技术之一。在DOM编译期间,和HTML关联着的指令会被检测到,并且被执行。这使得指令可以为DOM指定行为,或者改变它。AngularJS有一套完整的、可扩展的、用来帮助web应用开发的指令集,它使得HTML可以转变成“特定领域语言(DSL)”。实例1: testdrective1.html原创 2015-01-05 10:58:59 · 956 阅读 · 0 评论 -
AngularJS学习(三) Controller
使用Controller过程中注意点:1.不要试图复用Controller,一个控制器只负责一小块视图2.不要在Controller中操作DOM,这不是控制器的职责3.不要在Controller中做数据格式化,ng是很好的表单控件4.不要在Controller中做数据过滤,ng有$filter服务5.一般Controller不相互调用,控制器之间交互通过事件进行原创 2015-01-04 20:21:21 · 860 阅读 · 0 评论 -
AngularJS学习(一) AngularJS简介以及环境搭建
1.web工程中,webapp下新建一个js目录,放angular.js2.根目录下,写一个测试html文件test.html示例1: Hello world! Hello {{'World'}}! 代码说明: a.使用ng-app告诉angularjs处理整个原创 2015-01-04 14:39:50 · 1116 阅读 · 0 评论 -
AngularJS学习(九) $resource服务 前后台交互ajax
要在项目中彻底的使用单入口的前端mvc框架来开发,那么都会把和后端交互获取数据改成异步Ajax,这样的话,后端就相当于一个WebServices,比较轻量级的方案就是RESTful,这个不是我们要讨论的内容,我们把注意力放在前端上:如何用AngularJS来和rest风格的WebServices进行交互呢?熟悉Ajax的童鞋,肯定脑子里第一时间想到的就是XMLHTTPRequest。原创 2015-01-07 14:15:06 · 3932 阅读 · 0 评论 -
AngularJS性能调试的7个建议
http://www.youkuaiyun.com/article/2013-09-18/2816972-AngularJS-performance-tuning-for-long-list转载 2015-01-09 09:06:51 · 874 阅读 · 0 评论 -
Anguarjs中 ng-repeat中将某一个框中的内容传入控制器controller
id:{{item.id}} content:{{item.content}} 查看内容 controller.jsangularj.moudule('myaap',[]).controller('mycontroller', [ '$scope', '$rootScope' function($scope, $rootSc原创 2015-04-17 22:06:42 · 991 阅读 · 0 评论