AngularJS 路由 是通过 # + 标记 帮助我们区分不同的逻辑页面并将不同的页面绑定到对应的控制器上。因此在设置好路由规则后，为html页面的a标签设置href路由链接切换不同的视图。Angular1.6版本之前通常有href=“#...”或href=“#/...”这两种写法，结果这两种写法在Angular1.6中没有任何反应。结果查看了下浏览器地址栏，默认视图链接竟然显示“#!/..”,是的，中间多加了个！号。AngularJS升级到了1.6版本后，里面多了很多/#!/的改...
摘要 在使用{{}}绑定数据的时候，页面加载会出现满屏尽是{{xxx}}的情况。数据还没响应，但页面已经渲染了。这是因为浏览器和angularjs渲染页面都需要消耗一定的时间，这个间隔可能很小，甚至让人感觉不到，这种情况一切正常，但这个时间也可能很长，这时候用户可能会看到满屏尽是{{xxxx}}。这种情况被叫做“Flash Of Unrendered Content (FOUC)（K）？and is always unwanted.”。 问题 为了图方便，我们很喜欢使用下面的做法<div>...
本文实例分析了AngularJS报错$apply already in progress的解决方法。分享给大家供大家参考，具体如下： 如果我们使用了AngularJS中的$scope.$apply()或者$scope.$digest()，我们很可能会遇到类似下面的错误，虽然这个错误没有太大影响，但是在日志中看起来还是很不爽的，日志中记录的异常或者错误，就应该是需要关注和解决的问题，否则就没有必要出现在日志中了。 Error: [$rootScope:inprog] $apply already in progress http://...
本文实例讲述了AngularJS使用ng-inlude指令加载页面失败的原因与解决方法。分享给大家供大家参考，具体如下： AngularJS中提供的ng-include指令，很类似于JSP中的<jsp:include>用来将多个子页面合并到同一个父页面中，避免父页面过大，可读性差，不好维护。 父页面parent.html代码如下： <html><head><script src="angular-1.2.2/angular.js"></script><script>function rootController($scope,$rootScope,$injector){$rootScope.n...
前言 本文主要介绍的是在AngularJS中update两次出现$promise属性无法识别的解决方法，下面话不多说，先来看看错误提示，然后再看看解决的办法吧。 一、错误信息如下： ERROR 2015-12-02 14:33:17,653 http-bio-8080-exec-42 o.s.s.r.i.e.InternalErrorExceptionMapper - Unrecognized field "$promise" (class com.inetpsa.fnd.rest.client.ClientRepresentation), not marked as ignorable (6 known properties: "lastName", "add...
Swiper是目前较为流行的移动端触摸滑动插件，因为其简单好用易上手，受到很多前端开发者的欢迎。 今天在使用Swiper的时候遇到这个问题： 使用angularjs动态循环生成swiper-slide类，在swiper-wrapper里生成6个以上的滑动页，可是就是划不到第二页，尝试将longSwipesRatio的值修改到最小，仍然不起作用。 <div class="swiper-wrapper" > <!-- =======循环部分======= --> <div class="swiper-slide" ng-repeat="result in mediaList...
本文实例讲述了AngularJS出现$http异步后台无法获取请求参数问题的解决方法。分享给大家供大家参考，具体如下： angular在通过异步提交数据时使用了与jQuery不一样的请求头部和数据序列化方式,导致部分后台程序无法正常解析数据。 原理分析（网上的分析）： 对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整...
本文实例讲述了AngularJS实现在ng-Options加上index的解决方法。分享给大家供大家参考，具体如下： Angularjs交流群中有位童学问道如何为Angular select的ng-Options像Angularjs的ng-Repeat一样加上一个索引$index. 其实对于这个问题来说Angular本身并未提供$index之类的变量供使用。但是也不是说对于这个问题我们就没有解决方案。 把这个问题换成角度来看,我们所需要的就是js数组的下标，所以我们如果我们能够在对象上加入下标，使...
前言 大家都知道默认在ng-repeat的时候每一个item都要保证是唯一的，否则console就会打出error告诉你哪个key/value是重复的。 如： $scope.items = [red,blue,yellow,white,blue ];这个数组blue就重复了，html这么遍历它 <li ng-repeat="item in items">{{ item }}</li>控制台就会抛出一个错误：点击错误链接到Angular官网看详细错误，官网明确给出是因为值重复了： Duplicates in a repeater are not allowed. Use track by expre...
今天在项目中遇到一个很奇怪的问题,使用oclazyload懒加载angular的模块,刷新页面后,单击回退按钮无法返回上一个页面.估计是使用懒加载机制销毁了angular内部的state关联,导致无法回到上一个state(单击回退按钮 ui-routre的 $stateChangeStart 事件都不会触发),当然这只是猜测,由于事件关系也没有去深入的探究源码.angular懒加载机制刷新后无法回退的解决方案 : 通过查看angular(ionic)的源码发现$browser这个服务上有个onUrlChang...
本文实例讲述了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)，按照既定的业务逻辑应该是服务端接收到请求后，首先返回查询的前7条数据，待客户端出现上拉加载时，继续查找另外7条数据。但实际情形是不确定的，在服务端控制台(见图2)可看到begno一直到了126，也就是相当于客户端往服务端请求了127次，这是一个令人无法忍受的结果。 图1 客户端搜索栏图2 服务端控制台 可以断定是客户端的业务逻辑出现了问题。返回到客户端，查看源码逻辑...
AngularJS一般不会选择IE8支持， 因为很多特性在IE8下效果很差， 性能也不好， 但是由于项目的需要， 客户的机器有些是XP， 只能够装IE8， 所以为了解决这个， 我查阅了相关的资料，发现GITHUT有一些对AngularJS的改进，我选择的是https://github.com/frankzye/angular.js-ie8-builds, 这是我Fork过来的，能够解决大部分问题，但是 有一点是在作Directive的时候，一定不要用Element去扩展， 否则会出错， 另外$http的cache功能也会...