美文网首页
angularJs工作日志

angularJs工作日志

作者: MissCode | 来源:发表于2016-08-03 15:57 被阅读0次

    1、获取上一页的url

    $rootScope.$on('$stateChangeSuccess',function(ev,to,toParams,from,fromParams) {

          $rootScope.previousState=from;

          $rootScope.previousParams=fromParams;

    });

    2、完整自动识别ios或android设备js代码

    【http://www.111cn.net/wy/js-ajax/105116.htm】

    使用JS判断移动设备的终端类型有许多了,我们这里只要判断是ios还是android设备然后进行跑转到指定的页面了,下面我们就一起来看看。

    判断是否为手机我们可以通过下面的方法来判断

    function browserRedirect() {

    var sUserAgent = navigator.userAgent.toLowerCase();

    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

    var bIsMidp = sUserAgent.match(/midp/i) == "midp";

    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

    var bIsAndroid = sUserAgent.match(/android/i) == "android";

    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

    if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){

    window.location.href=B页面;

    }

    }

    browserRedirect();

    当然如果我们要在手机中可以进行优化了

    ua.match(/iphone/i) || ua.match(/ipad/i) || ua.match(/ios/i) 这一句就可以了

    下面来看一个判断用户是不是移动设备然后进行对应的应用下载

    (function( ua ){

    if ( ua.match(/iphone/i) || ua.match(/ipad/i) || ua.match(/ios/i) ) {

    //ios 图片

    var imgs = "图片.gif'";

    //多个地址中间用英文逗号(,)  没有不需要都要

    var urls = '软件下载地址/ios_364.html';

    } else {

    //安卓图片

    var imgs = "图片";

    //多个地址中间用英文逗号(,)  没有不需要都要

    var urls = "安装下载包地十';

    }

    imgs = imgs.split(',');

    urls = urls.split(',');

    var i = 0;

    var url = urls[i];

    var img = imgs[(i % imgs.length)];

    var id = Math.floor(Math.random() * 10000000);

    document.write('

    '

    .replace(/\{url\}/g, url)

    .replace(/\{img\}/g, img)

    .replace(/\{id\}/g, id));

    document.getElementById("qf-" + id).onclick = function(){

    i = ++i % urls.length;

    this.href = urls[i];

    document.getElementById("qf-" + id + "-img").src = imgs[i % imgs.length];

    }

    })( window.navigator.userAgent )

    3、ng-model与ng-model-options的配套使用

    ng-model-options="{updateOn:'default blur',debounce:{default:500,blur:0}}"

    相关文章

      网友评论

          本文标题:angularJs工作日志

          本文链接:https://www.haomeiwen.com/subject/jawqsttx.html