angular js和一些个人总结小技巧

发布时间：2020-12-17 09:37:18 所属栏目：安全来源：网络整理

导读：获取url中的网络后缀元素 function getParam(paramName) { paramValue = ""; isFound = false; if (this.location.search.indexOf("?") == 0 this.location.search.indexOf("=") 1) { arrSource = unescape(this.location.search).substring(1,this.location.

获取url中的网络后缀元素

  function getParam(paramName) {
        paramValue = "";
        isFound = false;
        if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
            arrSource = unescape(this.location.search).substring(1,this.location.search.length).split("&");
            i = 0;
            while (i < arrSource.length && !isFound) {
                if (arrSource[i].indexOf("=") > 0) {
                    if (arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase()) {
                        paramValue = arrSource[i].split("=")[1];
                        isFound = true;
                    }
                }
                i++;
            }
        }
        return paramValue;
    }

等待DOM元素加载完毕

    angular.element(document).ready(function () {


    });

  $scope.$on("$viewContentLoaded",function () {

    })

自定义指令使用当窗体变大变小的时候出现滚动条

MainModel.directive('resize',function ($window) {
    return function (scope,element,attr) {

        var w = angular.element($window);
        scope.$watch(function () {
            return {
                'h': w.height(),'w': w.width()
            };
        },function (newValue,oldValue) {
            scope.windowHeight = newValue.h;
            scope.windowWidth = newValue.w;

            scope.resizeWithOffset = function (offsetH) {

                scope.$eval(attr.notifier);

                return {
                    'height': (newValue.h - offsetH) + 'px'
                    //,'width': (newValue.w - 100) + 'px'
                };
            };

        },true);

        w.bind('resize',function () {
            scope.$apply();
        });
    }
})

随后只需在html页面中使用resize指令即可并且加上resizeWithOffset的宽度即可

angular js自定义指令这个写的较好

http://www.cnblogs.com/Kavlez/p/4288885.html

封装http服务

通过$q的服务将成功的封装到defer.resolve()中，将错误的封装到defer.reject()中这样即可

MainModel.factory("httpService",function ($http,$q) {
        return {
            post: function (suburl,params) {
                var defer = $q.defer();
                $http({
                    method: 'POST',params: params,url: jsapi.getDomain() + suburl,}).success(function (data) {
                    if (data.retcode == 0) {
                        defer.resolve(data.items);
                    }
                    else
                        defer.reject(data.message);
                }).error(function (data) {
                    defer.reject(data);
                });
                return defer.promise;
            },

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!