最近做一个web应用，有个需求需要删除angular路由中的#号。 例如： http://example.com/ http://example.com/#/about http://example.com/#/contact需要改成 http://example.com/ http://example.com/about http://example.com/contact这个是angular默认自带的，所以想要删除需要配置一下： $locationProvider.html5Mode(true);然后再index.html 的header中，指定一个base： <base href="/">以上所述是小编给大家介绍的AngularJS删...
前言 大家都知道对于处理小数量，ng-repeat是非常有用的，但是如果需要处理非常大的数量集，还是采用自定义的方法更好一些。特别是数据大多都是静态的或已预存储好的，这个时候应避免使用ng-repeat指令。 ng-repeat中的表达式和 $watch Angular中的表达式都会创建$watch 的Scope 函数。用于监听模型变化，当你的模型部分发生变化时它会通知你。在ng-repeat指令中，如果某行数据有15列数据都绑定了表达式，如果数据有1000多行的话，...
最近在写一个简单的布局框架，其实功能大同小异。但目标要求是用尽量简单的代码，实现一些必用的功能。应用在一些要求加载速度快的场合。 CSS部分 .flex-row,.flex{ display: -webkit-flex;display: flex; flex-direction: row; } .flex-col{ display: -webkit-flex; display: flex; flex-direction: column; }Javascript部分 .directive(flex,[function(){ return { restrict:A, scope:{flex:=}, link:function(s,e,a){e.css(flex...
今天在项目中遇到一个很奇怪的问题,使用oclazyload懒加载angular的模块,刷新页面后,单击回退按钮无法返回上一个页面.估计是使用懒加载机制销毁了angular内部的state关联,导致无法回到上一个state(单击回退按钮 ui-routre的 $stateChangeStart 事件都不会触发),当然这只是猜测,由于事件关系也没有去深入的探究源码.angular懒加载机制刷新后无法回退的解决方案 : 通过查看angular(ionic)的源码发现$browser这个服务上有个onUrlChang...
本文实例讲述了Angular外部使用js调用Angular控制器中的函数方法或变量。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html ng-app="myApp" id="myApp"> <head><meta name="viewport" content="width=device-width" /><title>Test</title><script src="~/Content/Js/Plugins/AngularJS/angular.min.js"></script> </head> <body ng-controller="myController">{{msg}}<a href="javascript:;" id="lbtnTest">调用</a> </body...
本文实例讲述了Angularjs在初始化未完毕时出现闪烁问题的解决方法。分享给大家供大家参考，具体如下： 方法1： 使用ng-cloak指令，在绑定数据的区域使用该指令并设置该指令的样式为隐藏即可，如下所示： Html： <body ng-controller="QuberController" ng-cloak class="ng-cloak">Css： .ng-cloak { display: none; }方法2： 使用ng-bind指令来代替{{ item.name }}，如下所示： {{item.name}} → <span ng-bind="item.name"></span...
写在前面 1.在客户端、服务端架构中，HTTP协议是主流通信技术； 2.HTTP协议的无状态特性，节省带宽，较少服务器的负载，缓冲技术具有重要的运用；这里主要讲解在客户端浏览器中angular如何读写缓存... 如何实现 1.angular提供了ngCookies模块来实现读写缓存的操作，基于angular的注入该服务就能很容易的操作缓存了，但是本人推荐你使用该方法实现（重构了angular-cookie） /** * Description : 缓冲服务 * Author ：maikec * Date ...
本文实例讲述了Angularjs的ng-repeat中去除重复数据的方法。分享给大家供大家参考，具体如下： 一、JS： ngApp.filter(unique, function () {return function (collection, keyname) {var output = [],keys = [];angular.forEach(collection, function (item) {var key = item[keyname];if (keys.indexOf(key) === -1) {keys.push(key);output.push(item);}});return output;}; });二、Html： <div ng-repeat="item in items | uni...
本文实例讲述了Angularjs使用directive自定义指令实现attribute继承的方法。分享给大家供大家参考，具体如下： 一、Html代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="../../Content/Plugins/Angular/angular.min.js"></script> </head> <body ng-app="mainApp" ng-controller="mainController">...
AngularJS 动画AngularJS 提供了动画效果，可以配合 CSS 使用。AngularJS 使用动画需要引入 angular-animate.min.js 库。<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular-animate.min.js"></script>还需在应用中使用模型 ngAnimate：<body ng-app="ngAnimate">什么是动画？动画是通过改变 HTML 元素产生的动态变化效果。实例勾选复选框隐藏 DIV: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style>...
最近一同事在学习AngularJS，在路由与模板的学习过程中遇到了一些问题，于是今天给她写了个例子，顺便分享出来给那些正在学习AngularJS的小伙伴们。 话说这AngularJs 开发项目非常的爽，其中爽就爽在它的开发模式，使得代码更加的清晰、更加具有可读性、更简洁、更具有维护性。但是在使用AngularJS开发的过程中也有让我头疼的地方，那就是目前前端框架更多的还是以Jquery为主，很多插件都是依赖于Jquery的，AngulaJS的插件少之又少...
项目中始终存在一个问题:当在搜索栏输入关键词后(见图1)，按照既定的业务逻辑应该是服务端接收到请求后，首先返回查询的前7条数据，待客户端出现上拉加载时，继续查找另外7条数据。但实际情形是不确定的，在服务端控制台(见图2)可看到begno一直到了126，也就是相当于客户端往服务端请求了127次，这是一个令人无法忍受的结果。 图1 客户端搜索栏图2 服务端控制台 可以断定是客户端的业务逻辑出现了问题。返回到客户端，查看源码逻辑...
首先我们做点准备说明，不然你明白我说的是啥意思别人不明白，就算别人明白了那总有人不明白，那你要说了，我的意思是这个说明必须要做了，答案是必须的，为了更好的方便大家理解嘛。 我们以两个主域名或者一个主域名+一个二级域名为例，均可演示跨域问题。 客户端 a.com服务端 b.com或者s.a.comangularJs版本 V1.2.25 准备工作做得很充分嘛，就差把我们的编辑器是subline暴露出来了，这个一般人我是不告诉他滴。 有人嚷嚷了，这问...
AngularJS一般不会选择IE8支持， 因为很多特性在IE8下效果很差， 性能也不好， 但是由于项目的需要， 客户的机器有些是XP， 只能够装IE8， 所以为了解决这个， 我查阅了相关的资料，发现GITHUT有一些对AngularJS的改进，我选择的是https://github.com/frankzye/angular.js-ie8-builds, 这是我Fork过来的，能够解决大部分问题，但是 有一点是在作Directive的时候，一定不要用Element去扩展， 否则会出错， 另外$http的cache功能也会...
学习使用angular中，ui-route是其中的一个难点，简单使用没什么问题，但涉及到多级嵌套，就感觉有茫然，查了很多资料，踩过很多坑，到目前为止也不能说对ui-route有全面了解；这里只是把填补的几个坑记录一下备忘： 1.abstract的使用： $stateProvider.state(shop,{resolve:{"shoplist":function($http){return $http({url:"/bookApp/data/shoplist.php",method:"GET"})}},abstract: true,url:"/shop",templateUrl:"templates/shop...