IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

如何使用service和factory来封装ajax请求，实现复用性调用请求数据

2

3

angular服务

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//职业添加
            postPosition: function (params, tag, id) {
                var data = {};
                data.profession = params;
                data.tags = tag.map(function (item) {
                    var obj = {};
                    obj.tag = item;
                    return obj
                });
                console.log(data);
                return $http({
                    url: pathProject.postPosition_url,
                    method: "post",
                    headers: {'Content-type': 'Application/json'},
                    transformRequest: function (data, headersGetter) {
                        return data
                    },
                    data: JSON.stringify(data)
                })
            },

.factory('pathProject', function () {
        return {
            //上传图片接口
            upload_url: function () {
                return "/a/u/img/3"
            },
            // 获取公司列表接口
            getCompanyList_url: "/a/company/search",
            // 删除公司信息接口
            delCompany_url: function (id) {
                return "/a/u/company/" + id
            },
            // 认证/冻结公司状态接口
            changeCompanyStatus_url: function (id, type, status) {
                return "/a/u/company/status?id=" + id + "&type=" + type + "&status=" + status;
            },
            // 获取公司详情接口
            getCompanyDetail_url: function (id) {
                return "/a/company/" + id;
            },

该问题已被官方收录

搜索日期选择同一天，点击搜索两次的时候，结束日期会变多一天

1

3

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<script rel="script" src="js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<div class="inform-date form-group">
                    <div>
                        <label class="date-build control-label" for="dtp_input">修改时间</label>
                        <div id="date1" class="date-box input-group date form_date" data-date="" data-date-format="yyyy mm dd" data-link-field="dtp_input" data-link-format="yyyy-mm-dd">
                            <input ng-model="strDate" class="date-control form-control" size="16" type="text" value="" readonly>
                            <span class="input-group-addon"><span class="date-calendar glyphicon glyphicon-calendar"></span></span>
                        </div>
                        <input id="dtp_input" type="hidden" value=""/><br/>
                    </div>
                    <div>
                        <label class="date-build control-label" for="dtp_input2">—</label>
                        <div  id="date2" class="date-box input-group date form_date" data-date="" data-date-format="yyyy mm dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                            <input ng-model="endDate" ng-change="end()" class="date-control form-control" size="16" type="text" value="" readonly>
                            <span class="input-group-addon"><span class="date-calendar glyphicon glyphicon-calendar"></span></span>
                        </div>
                        <input id="dtp_input2" type="hidden" value=""/><br/>
                    </div>
                </div>

app.controller('artCtrl',function ($scope,$http,$state,$stateParams,state,type) {

    //日期选择
    $('.form_date').datetimepicker({
        language:  'zh-CN',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
    });
    var myDate = new Date();
    var date = myDate.toLocaleDateString();
    $scope.end = function(){
        $('#date1').datetimepicker(
            'setEndDate',$scope.endDate
        );
    };
    if ($scope.endDate == undefined){
        $('#date1').datetimepicker(
            'setEndDate',date
        );
    }
    $('#date2').datetimepicker(
        'setEndDate',date
    );

    //下拉选项
    $scope.state = state;
    $scope.type = type;

    //请求数据
    $http({
        method:"GET",
        url:"/carrots-admin-ajax/a/article/search",
        params:{
            page: $stateParams.page, //使用$stateParams获取传递的参数
            size: $stateParams.size,
            total: $stateParams.total,
            startAt: $stateParams.startAt,
            endAt: $stateParams.endAt,
            status: $stateParams.status,
            type: $stateParams.type,
            id: $stateParams.id,
        }
    }).then (
        function (resp) {
            $scope.list = resp.data.data.articleList;//列表数据渲染
            $scope.size = resp.data.data.size;//每页显示条数
            $scope.totalItems = resp.data.data.total;//数据数量
            $scope.currentPage = $stateParams.page;//当前页

            //翻页
            $scope.page = function () {
                $state.go("home.article",{
                    page:$scope.currentPage
                })
            };

            //分页确定按钮事件
            $scope.pgbtn = function () {
                //只跳转页面
                if ($scope.pgnum == undefined && $scope.pggo !== undefined){
                    $state.go("home.article",{
                        page:$scope.pggo,
                    },{
                        reload: true
                    })
                }
                //只改变单页条数
                if ($scope.pgnum !== undefined && $scope.pggo == undefined){
                    $state.go("home.article",{
                        size:$scope.pgnum,
                    },{
                        reload: true
                    })
                }
                //改变单页条数，跳转页面
                if ($scope.pgnum !== undefined && $scope.pggo !== undefined){
                    $state.go("home.article",{
                        page:$scope.pggo,
                        size:$scope.pgnum,
                    },{
                        reload: true
                    })
                }
            };

            //转换时间戳

            //搜索
            $scope.searchBtn = function () {

                var strDate = new Date($scope.strDate);
                var endDate = new Date($scope.endDate);
                var time1 = strDate.getTime();
                var time2 = endDate.getTime();
                console.log($scope.strDate,$scope.endDate);
                console.log(strDate,endDate);

                //若日期没选，则取时间为空，因为时间值会变成NaN，发送的时间值的时候会报错
                if (time1 != time1 || time2 != time2){
                    time1 = '';
                    time2 = '';
                } else if (time1 == time2) {//选择同一天需给另一时间戳添加参数
                    time2 += 86399999;
                    //进行搜索跳转
                }
                $state.go("home.article",{
                    startAt:time1,
                    endAt:time2,
                    status:$scope.selectState,
                    type:$scope.selectType
                });

            };

            //清除
            $scope.clearBtn = function () {
                $state.go("home.article",{
                    startAt:'',
                    endAt:'',
                    status:'',
                    type:''
                })
            };

            //新增article按钮
            $scope.newBtn = function(){
                var Btn = 1;
                sessionStorage.setItem('Btn',Btn);
                $state.go("home.new",{})
            };
            //编辑
            $scope.setBtn = function(){
                var Btn = 2;
                var setId = $scope.list[this.$index].id;
                sessionStorage.setItem('setId',setId);
                sessionStorage.setItem('Btn',Btn);
                $state.go("home.new",{})
            };

            //存储选择
            //日期
            if ($stateParams.startAt == undefined) {
                $scope.strDate = '';
            } else {
                var str = new Date(Number($stateParams.startAt));
                var end = new Date(Number($stateParams.endAt));
                Ys = str.getFullYear()+'/';
                Ms = (str.getMonth()+1 < 10 ? '0'+ (str.getMonth()+1) : str.getMonth()+1) + '/';
                Ds = (str.getDate() < 10 ? '0'+ str.getDate() : str.getDate());
                Ye = end.getFullYear()+'/';
                Me = (end.getMonth()+1 < 10 ? '0'+(end.getMonth()+1) : end.getMonth()+1) + '/';
                De = (end.getDate() < 10 ? '0'+ end.getDate() : end.getDate());
                $scope.strDate = Ys+ Ms + Ds;
                $scope.endDate = Ye+ Me + De;
            }

            //状态类型
            $scope.selectState = $stateParams.status;
            $scope.selectType = $stateParams.type;

            //上下线按钮
            for (i=0;i<$scope.list.length;i++){
                if ($scope.list[i].status == 1) {
                    $scope.list[i].line = '上线'
                } else {
                    $scope.list[i].line = '下线'
                }
            }
            $scope.changeLine = function (){
                var lineId = $scope.list[this.$index].id;
                var lineStatus = $scope.list[this.$index].status;
                if (lineStatus==2) {
                    var onThis = confirm("确认下线此数据？");
                    var line = 1;
                } else {
                    var onThis = confirm("确认上线此数据？");
                    var line = 2;
                }
                if (onThis == true){
                    $http({
                        method:'put',
                        url:"/carrots-admin-ajax/a/u/article/status",
                        params:{
                            id:lineId,
                            status:line
                        }
                    }).then(function () {
                        $state.reload();
                    })
                }
            };

            //删除
            $scope.delete = function () {
                var clearThis = confirm("确认删除此数据？");
                if (clearThis == true){
                    var clearId = $scope.list[this.$index].id;
                    $http({
                        method:'delete',
                        url:"/carrots-admin-ajax/a/u/article/" + clearId,
                    }).then(function () {
                        $state.reload();
                    })
                }
            }

        }
    );



});

该问题已被官方收录

自定义指令怎么使用

2

2

angular 指令

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.directive('unorderedList', function () {
    return function (scope, element, attrs) {
        console.log(scope)
        console.log(element)
        console.log(attrs)
        let data = scope[attrs["unorderedList"]];
        let propertyExp = attrs["listProperty"];
        if (angular.isArray(data)) {
           let listElem = angular.element("<ul>");
           element.append(listElem);
           for (let i = 0; i < data.length; i++) {
               listElem.append(angular.element("<li>").text(scope.$eval(propertyExp, data[i])))
           }
        }
    }
});

该问题已被官方收录

如何使用$state.go传参

2

2

angular router

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码


$scope.determine = function () {
        $state.go('task6.article', {
            page: $scope.page,
            size: $scope.size
        }, {reload: true});
    };
app.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/");
    $stateProvider
        .state("task6", {
            url: "/task6"
        })
        .state("task6.article", {
            url: "/article?page$size$type$status$startAt$endAt",
            templateUrl: "article.html"
        })
        .state("task6.articleDetails", {
            url: "/articleDetails?id",
            templateUrl: "articleDetails.html"
        })
});

该问题已被官方收录

如何使验证用户是否已登录，未登录则跳转回登录页面

3

2

angular router

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

sessionStorage.setItem('logstatus', true); //存储一个登录好的状态

该问题已被官方收录

首次进入页面input框是只读模式，不能输入文本

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4 p-bottom">
                    <div class="form-group">
                        <label class="col-md-3 control-label v-center-l">标  题</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" ng-model="param.title">
                        </div>
                    </div>
                </div>

    //获取列表
    ArticleService.getArticleList($stateParams)
    .then(function(res){
        console.log(res);
        $scope.list=res.data.data;
        $scope.totalItems=res.data.total;
        $scope.param=$stateParams;
    });
//重置搜索条件
    $scope.clear=function(){
        $scope.param={};   
    };
    //搜索列表
    $scope.select=function(param){
        $state.go('backstage.articleList',$scope.param);
    };

该问题已被官方收录

如何解决调用两次时间插件？

0

1

angular 指令

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<body ng-app="ui.bootstrap.demo">
  <div ng-controller="DatepickerPopupDemoCtrl">
                                    <p class="form-group">
                                        <div class="input-group">
                                            <input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dat" is-open="popup1.opened" ng-required="true" close-text="关闭" clear-text="清空" current-text="今天" alt-input-formats="altInputFormats"/>
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button>
                                            </span>
                                        </div>
                                    </p>
                                    </div>
    <div ng-controller="DatepickerPopupDemoCtrl">
                                    <p class="form-group">
                                        <div class="input-group">
                                            <input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dat" is-open="popup1.opened" ng-required="true" close-text="关闭" clear-text="清空" current-text="今天" alt-input-formats="altInputFormats"/>
                                            <span class="input-group-btn">
                                                <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button>
                                            </span>
                                        </div>
                                    </p>
                                    </div>


  <script>
      angular.module('ui.bootstrap.demo', ['ui.bootstrap']).controller('DatepickerPopupDemoCtrl', function ($scope) {

          $scope.dat = new Date();

          $scope.format = "yyyy/MM/dd";

          $scope.altInputFormats = ['yyyy/M!/d!'];



          $scope.popup1 = {

              opened: false

          };

          $scope.open1 = function () {

              $scope.popup1.opened = true;

          };

      });
  </script>
</body>

该问题已被官方收录

AngularJS自定义指令标签中绑定父级方法--报错

0

1

angular 指令

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.directive('zPage',function(){
    return {
        priority:0,
        restrict:'E',
        replace:true,//(boolean/string)默认为false
        //template:(string/function)
        templateUrl:'directive/pagination.html',
        scope:{
            pageid:'=',
            totalpages:'=',
            page_num:'=paging',
            statego:'&'
        },
        link: function(scope,element,attrs){
            element.bind('mouseover',function(){
                angular.element('a').css('cursor','pointer')
            });
            //初始加载分页 
            scope.paging = [];
            if(scope.page_num <= 5 || !scope.page_num){
                for(let i=1;
                    i <= 5;
                    i++){
                    scope.paging.push(i);
                } 
            };
            //start paging logic
            scope.selected = function(pageid,reload){ 
                scope.pageid = pageid;
                if ( scope.totalpages > 5){
                    if(pageid > scope.totalpages-3){
                        scope.paging = [
                            scope.totalpages-4,
                            scope.totalpages-3,
                            scope.totalpages-2,
                            scope.totalpages-1,
                            scope.totalpages
                        ]
                    }else if(pageid < 3){
                        scope.paging = [1,2,3,4,5]; 
                    }else {
                        scope.paging = [
                            pageid - 2,
                            pageid - 1,
                            pageid,
                            pageid + 1,
                            pageid + 2
                        ]
                    }   
                }else {
                    for(let i = 0;
                        i < scope.totalpages;
                        i++
                        ){
                        scope.paging[i] = i+1;
                    }
                }
                scope.statego(pageid,reload);
                console.log(scope.statego(pageid,reload));
            } 
        
        //end paging logic

        //first page
        scope.firstPage = function(){
            scope.selected(1,false)
        }

        //previous page
        scope.lastPage = function(pageid){
            if(pageid > 0){
                scope.selected(pageid,false)
            }
        }

        //next page
        scope.nextPage = function(pageid){

            if(pageid <= scope.totalpages){
                scope.selected(pageid,false)
            }
        }
        //last page
        scope.endPage = function(){
            scope.selected(scope.totalpages,false)
        }
        //跳转页码&每页数量
        scope.goPage = function(pageid){
            if((pageid <= scope.totalpages && pageid > 0 ) || scope.size){
                scope.selected(pageid,true)
            }
        }
        }
    }
})

该问题已被官方收录

上传时间戳之后如何再将格式化的时间显示在input框中？

1

1

angular 指令

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

	$scope.search = function(params){
		
			myData={
				type:$scope.ctrlScope.type,
				status:$scope.ctrlScope.status,
				endAt: new Date($scope.ctrlScope.endTime).getTime() || undefined,
				startAt:new Date($scope.ctrlScope.startTime).getTime() || undefined
			}

		 $state.go("page.list",myData,{reload:true});   //点击搜索传参跳转页面
		

	};

该问题已被官方收录

提示404，找不到资源

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<tr ng-repeat="x in records">
                    <td>{{$index+1}}</td>
                    <td>
                        <img src="{{x.img}}" alt="" style="width: 4rem;height: 4rem">
                    </td>
                    <td>{{x.title}}</td>
                    <td>{{x.type|typeFilter}}</td>
                    <td>
                        {{x.createAt | date:"yyyy-MM-dd"}}<br>
                        {{x.createAt | date:"hh:mm:ss"}}
                    </td>
                    <td>
                        {{x.updateAt | date:"yyyy-MM-dd"}}<br>
                        {{x.updateAt | date:"hh:mm:ss"}}
                    </td>
                    <td>{{x.author}}</td>
                    <td>{{x.status|statusFilter}}</td>
                    <td>
                        <a class="btn-sm btn-warning" href="" ng-click="line(x.id,x.status)">{{x.status|lineFilter}}</a>
                        <a class="btn-sm btn-success" href="" ui-sref="backStage.articleDetail({id:x.id})">编辑</a>
                        <a class="btn-sm btn-danger" href="" ng-click="delete(x.id)">删除</a>
                    </td>
                </tr>

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1