AngularJS
奋飛
乐观、勇气、专注、果断、好奇、公正、慎思、真诚、追求极致追求完美、诚信!独立撰写了多个前端专题模块,访问量达百万级。多次负责组织大数据可视化前端架构平台开发工作。对前端新技术、新潮流具有很强的敏锐力和洞察力!
展开
-
AngularJS实现cookie跨域
前后端分离被越来越多的公司重视利用,然后带来的最棘手的问题就是,用户信息应如何保存。一、场景描述以Java为后台,AngluarJS做前端为例进行描述:当用户在界面登录时,需把用户信息(如uid)存入后台JAVA系统中,用于前后端所处主域可能不同,所有采用常规的session进行保存已不能满足其业务场景。解决方案:采用cookie进行存储,当cookie被禁止后采用浏览器本地存储l原创 2015-04-01 14:46:22 · 6174 阅读 · 1 评论 -
AngularJS的digest循环和$apply
最近在写AngularJS,遇到一个问题,在Ajax异步请求后台数据,然后将结果赋值给当前scope中某对象的属性,在页面中怎么都取不到,然而在js端却可以正常打印出来。分析原因:第一感觉是前端页面绑定指令不对,导致不能正常显示,然而变化各种指令都不能正常获取,很是郁闷;最后去掉Ajax,直接返回给页面,结果却是可以的,初步排除了与绑定指令相关。那问题出现在scope上了???结果查阅资料,终于得知原创 2015-08-30 21:19:04 · 1719 阅读 · 0 评论 -
AngularJS单选框及多选框实现双向动态绑定
在AngularJS中提及双向数据绑定,大家肯定会想到ng-model指令。通过 value 属性指定选中状态下对应的值,并通过 ng-model 将单选框与 $scope 中的属性对应,实现双向绑定。通过AngularJS 的内置指令 ng-true-value 和 ng-false-value ,指定多选框在选中和未选中状态下对应的值,再通过ng-model 将其与 $scope 中的属性对应,便实现双向绑定。原创 2015-08-29 17:58:09 · 11518 阅读 · 0 评论 -
揭秘AngularJS工作原理
从本质上讲,在浏览器加载AngularJS web应用的方式与加载非AngularJS引用的方式一样。但是,它们的运行方式略有不同。当浏览器触发DOMContentLoaded事件时,AngularJS就开始工作。它首先寻找ng-app指令。[加载AngularJS时,如果document.readyState被设置为complete,AngularJS也会启动初始化。]如果浏览器在DOM中找到ng原创 2015-09-05 10:47:45 · 8936 阅读 · 0 评论 -
angular-ui-router 多视图views
angular-ui-router APIUI Router 中有三种方式激活一个路由: (1)$state.go():优先级较高的便利方式 (2)ui-sref:点击包含此指令跳转 (3)url:url导航一、$state.go()(1)$state.go(to [, toParams] [, options]) 参数: to:绝对“state名称”或者相对的“state路径”(如果路径原创 2015-12-22 15:39:43 · 30975 阅读 · 1 评论 -
angularjs[ngRepeat:dupes]
最近在开发过程中,发现一个问题,在使用angularjs的ng-repeat遍历过程中,如果遍历的数组中包含相同的项,则会抛错。 如下例:<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <title>测试</title> <script src="http://cdn.bootcss.c原创 2016-01-09 23:11:15 · 13462 阅读 · 0 评论 -
AngularJS实现跨域请求
跨域,前端开发中经常遇到的问题,AngularJS实现跨域方式类似于Ajax,使用CORS机制。下面阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest:$http用于读取远程服务器的数据$http.post(url, data, [config]).success(function(){ ... });$http.get(原创 2015-03-31 16:24:52 · 20026 阅读 · 4 评论