今天在学习angularjs的分页插件时遇到了一个前端的问题，谷歌浏览器开发者模式调试的时候发现每次点击分页刷新按钮会触发两次后台请求，ajax向后台发送了两次请求，这对于强迫症患者来说是一个比较恶心和感到不舒服的事情。 于是在网上也找到了靠谱的解决方案：http://jqvue.com/tm.pagination/ ，且在此维护者的这个版本中解决了此问题，同时注意 angularjs版本的配合使用。但是不满足于现状，我还是找到了自己的解决方案，不打针...
本项目用的是angular4搭建，用动态组件的形式来显示页面，之前遇到过因为内存溢出而导致无法aot的问题， 解决方法：手动改写内存上限 修改目录: my-project/node_modules/.bin 找到 ng.cmd : @IF EXIST "%~dp0\node.exe" ("%~dp0\node.exe" --max_old_space_size=8192 "%~dp0\..\@angular\cli\bin\ng" %* ) ELSE (@SETLOCAL@SET PATHEXT=%PATHEXT:;.JS;=;%node --max_old_space_size=8192 "%~dp0\..\@angular\cli\bin\ng" %* )修...
在开发中遇到date过滤器失效的问题，在其他页面date过滤器没有问题，但是在这个页面出现了问题，后来发现是因为{{now | date : 'yyyy-MM-dd HH:mm:ss'}} now必须是时间戳格式的，后面的过滤器才会生效。而我从后端传过来的时间数据是字符串所以过滤器无法生效 解决方法：在后端处理要传的数据，将里面的时间转为时间戳即可（下面贴我百度到的）/*** 时间转时间戳*/public static String dateToStamp(String s) throws ParseExcepti...
前言 RxJS是一种针对异步数据流编程工具，或者叫响应式扩展编程；可不管如何解释RxJS其目标就是异步编程，Angular引入RxJS为了就是让异步可控、更简单。可是最近在升级中遇到了一些问题，下面就来给大家介绍下，给同样遇到这个问题发朋友们一些参考，下面话不多说了，来一起看看详细的介绍吧。 Angular 5.0.5升级RxJS到5.5.3报错： ERROR Error: Uncaught (in promise): EmptyError: no elements in sequence EmptyError: no eleme...
我们都知道swiper是交互体验十分好的轮播插件 但是通过angular（ng-repeat）循环出来的swiper不能轮播的解决方案 通常我们都是通过以下方法来执行： html <div class="swiper-container" ng-controller="swiperController"><div class="swiper-wrapper"><div class="swiper-slide" ng-repeat="informarion in imgSrcs"><img ng-src="{{informarion.sliderSrc}}" /></div></div><!-- Add Pagination --><div class="swiper-paginati...
前言 前一段时间做项目时，遇到一个问题就是AngularJS实现图片预览和上传的功能，在Angular4中，通过input:file上传选择图片本地预览的时候，通过window.URL.createObjectURL获取的url赋值给image的src出现错误： WARNING: sanitizing unsafe URL value 下面介绍一下解决方法：html代码： <input type="file" (change)="fileChange($event)" > <img [src]="imgUrl" alt="">其中，change方法会在每次选择图片后调用，image的src必须...
解决方法： 用angular写手机页面，有时候会发现input输入框点击了却不能输入，或者长按才能输入，可能是因为input绑定了ng-click导致，可去掉ng-click，将ng-click绑定的方法改用ng-focus就好了 以上这篇Angular移动端页面input无法输入的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
一、现象 全屏页面中的图表，在很多的时候需要 resize 一把，以适应页面的大小变化 二、解决 1、引入 ： import { Observable } from rxjs;2、使用(在ngOnInit方法中)： ngOnInit() {// 页面监听Observable.fromEvent(window, resize).debounceTime(100) // 以免频繁处理.subscribe((event) => {// 这里处理页面变化时的操作console.log(come on ..);}); }三、总结 研究有没有更多的方法可以在切换时，注销这些监听？以免出现内存泄...
AngularJS路由删除#符号解决的办法 最近做一个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="/" re...
1.问题描述：通过Origin是http://localhost:4200请求http://localhost:8081的服务，控制台报错如下，但是Response为200。客户端和服务端IP相同，但是端口不同，存在跨域问题。代码如下: XMLHttpRequest cannot load http://localhost:8081/api/v1/staffs. No Access-Control-Allow-Origin header is present on the requested resource. Origin http://localhost:4200 is therefore not allowed access.2.解决方法：在服务端/api/v...
一、现象 用户登录时需要记住密码的功能，在前端需要对密码进行加密处理，增加安全性 二解决 1、利用npm(如果没有，先自行安装npm)安装ts-md5 npm install ts-md5 --save-dev2、在使用的页面中导入import { Md5 } from ts-md5/dist/md5;3、使用 Md5.hashStr(str),如： Md5.hashStr("123456")三、总结 发现这个 npm install md5 --save-dev 用不了？有待研究。。。以上所述是本文的全部内容，希望对大家有所帮助，如果大家有任何疑...
前端开发中经常会碰到图片上传的问题，网上的解决办法很多，可是有些图片上传的插件会有一些附属的插件，因此因为一个图片上传的问题可能额需要引入其他插件到项目中，久而久之项目会不伦不类，有时候插件之间也会有一些冲突，所以我们可以自己写一个图片上传的方法。 今天的demo是帮朋友做的一个移动端微信公众号项目，项目架构采用angular+ionic，因为对dom的操作jQuery会方便很多，但是jQuery比较厚重，所以最后选择用轻量级的z...
跨域，前端开发中经常遇到的问题，AngularJS实现跨域方式类似于Ajax，使用CORS机制。下面阐述一下AngularJS中使用$http实现跨域请求数据。 AngularJS XMLHttpRequest：$http用于读取远程服务器的数据 $http.post(url, data, [config]).success(function(){ ... }); $http.get(url, [config]).success(function(){ ... }); $http.get(url, [config]).success(function(){ ... });一、$http.jsonp【实现跨域】 1. 指定callback和回调...
1.跨域 浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.上面提到的,同域的概念又是什么呢??? 简单的解释就是相同域名,端口相同,协议相同同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同.比如:我在本地上的域名是study.cn,请求另外一个域名一段数据,这个时候在浏览器上会报错,这个就是同源策略的保护,如果浏览...
本文介绍了浅谈angularJS的$watch失效问题的解决方案，分享给大家，顺便给自己留个笔记 $watch方法，它可以帮助我们在每个scope中监视其中的变量。 $watch 单一的变量 对于普通的变量时，如数字，字符串等，直接如下写是可以监视到变量的变化，并执行相应的函数的。 $scope.count=1; $scope.$watch(count,function(){ ... });$watch 多个变量 对于多个变量的监视变化，执行同一函数的话，可以将这几个变量转为字符串，以‘+号隔开来...