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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

每次路由跳转之后都http请求都会重发一次，很消耗性能，如何避免？

0

1

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 request.articleList($scope.params).then(
        function (data) {
            $scope.list = data.data.data.articleList;
            $scope.totalItems = data.data.data.total;
            $scope.params.size = ($stateParams.size) ? $stateParams.size : 10;
            $scope.currentPage = $stateParams.page;
            $scope.type = $stateParams.type;
            $scope.status = $stateParams.status;
            if (typeof($stateParams.startAt) != "undefined") {
                $scope.date = parseInt($stateParams.startAt);
            }
            if (typeof($stateParams.endAt) != "undefined") {
                $scope.todate = parseInt($stateParams.endAt);
            }
        }
    );

该问题已被官方收录

引入时间插件时报错

0

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.directive("endTime", function() {
    return {
      restrict: "AE",
      template:
        '<input type="text" id="endTime" class="form-control" ng-model="endAt"  placeholder="年/月/日">',
      link: function(scope) {
        $("#endTime")
          .datetimepicker({
            format: "yyyy-mm-dd",
            weekStart: 1,
            autoclose: true,
            todayHighlight: true,
            startView: 2,
            minView: 2,
            forceParse: false,
            endDate: new Date(),
            todayBtn: "linked",
            language: "zh-CN"
          })
          .on("changeDate", function(ev) {
            var timeEnd = ev.date;
            // console.log(timeEnd);
            $("#beginTime").datetimepicker("setEndDate", timeEnd);
          });
      }
    };
  })

该问题已被官方收录

图片编辑都不出来

0

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<img src=""  id="my_img">  
document.getElementById("my_img").src = @#$A%!!.

该问题已被官方收录

萝卜多后台页面风琴菜单状态保存

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="panel-group" id="accordion" ng-controller="my">
    <div class="title glyphicon " ng-click="luobo()" >萝卜多后台系统</div>
    <div class="panel panel-default" ng-click="luobo()">
        <div class="panel-heading" >
            <a  href="#panel1" class="panel-toggle " data-toggle="collapse" data-parent="#accordion">
                <div class="panel-title glyphicon-pencil ">
                    
                    信息管理
                    <span class="glyphicon glyphicon-chevron-left" ng-show="left"></span>
                    
                    <!-- <span class="glyphicon glyphicon-chevron-down" ng-show="down"></span> -->
                </div>

            </a>

        </div>
        <div id="panel1" class="accordion-body collapse hello" style="height: 0px; ">
            <div class="accordion-inner" ng-click="on1()" ng-class="{ 'btn-danger': aa}">
                公司列表
            </div>
            <div class="accordion-inner" ng-click="on2()" ng-class="{ 'btn-danger': bb}">
                职位列表
            </div>

        </div>

    </div>

    <div class="panel panel-default" ng-click="luobo1()">
        <div class="panel-heading">

            <a href="#panel2" class="panel-toggle" data-toggle="collapse" data-parent="#accordion">
                <div class="panel-title glyphicon-pencil">
                    Article管理
                    <span class="glyphicon glyphicon-chevron-left" ng-show="left1"></span>
                    
                    <!-- <span class="glyphicon glyphicon-chevron-down" ng-show="down1"></span> -->
                    
                </div>
            </a>

        </div>
        <div id="panel2" class="accordion-body collapse hello" style="height: 0px; ">

            <span style="width: 100px" ui-sref="pageTab.page1">
                <a class="deleut" href="">
                    <div class="accordion-inner" ng-click="on3()" ng-class="{ 'btn-danger': cc}">
                        Article列表
                    </div>
                </a>

            </span>



            <span style="width: 100px" ui-sref="pageTab.page2">
                <a class="deleut" href="">
                    <div class="accordion-inner" ng-click="on4()" ng-class="{ 'btn-danger': dd}">
                        文章管理1
                    </div>
                </a>
            </span>


            <div class="accordion-inner" ng-click="on5()" ng-class="{ 'btn-danger': ee}">
                文章管理2
            </div>
        </div>
    </div>

该问题已被官方收录

分页展示需求的页数？

0

1

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var lastPage=Math.ceil(a.data.data.total/a.data.data.size); //计算分页总数
			$scope.lastPage= lastPage;

			$scope.arr = [];
			for(var i = 0;i < $scope.lastPage;i++){
				$scope.arr[i]=i;
			}

HTML:
<li ng-repeat= "x in arr">
						<a ui-sref="page.list({'page':$index+1})">{{$index+1}}</a>

该问题已被官方收录

JS任务6-10上传图片部分头部设置问题

1

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

headers: {'Content-Type': undefined}

该问题已被官方收录

分页按钮是怎么做的

0

1

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <tr ng-repeat="item in data.data.articleList " class="row"
                    ng-class-even="'even'"  >
                  <td class="">{{$index+1}}</td>
                  <td class="">{{item.id}}</td>
                  <td class="">{{item.type}}</td>
                  <td class="">{{item.createAt}}</td>
                  <td class="">{{item.updateAt}}</td>
                  <td class="">{{item.author}}</td>
                  <td class="">{{item.status}}</td>
                  <td class="ctrl "><a href="#" >下线</a>
                    <span class="ctrl "><a href="#" >编辑</a></span>
                    <span class="ctrl " ng-click="remove($index)"><a href="#" >删除</a></span>
                  </td>
                </tr>

该问题已被官方收录

为什么返回的数据和时间戳不一致呢？

1

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.params = {
        page: $stateParams.page,
        status: $stateParams.status,
        type: $stateParams.type,
        startAt: $stateParams.startAt,
        endAt: $stateParams.endAt
    };

该问题已被官方收录

语法错误，但是不知道根本原因

0

1

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

如何封装上传图片指令

0

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

引用指令的标签
<up-load></up-load>
封装指令的HTML文件
<div class="art-form1">
    <div class="col-md-2 col-sm-2 col-xs-2 art-left">
        配       图
    </div>
    <div  class="col-md-10 col-sm-10 col-xs-10 art-r">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <label for="file" class="btn btn-primary">选择文件</label>
            <input type="file"
                   id="file"
                   accept="image/png,image/gif"
                   name="file"
                   onchange="angular.element(this).scope().fileChanged(this)"
                   style="display: none;"
                   required/>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <img ng-src="{{src}}" alt="配图预览" class="art-img" width="100%"/>
        </div>
        <div class="col-md-8 col-sm-8 col-xs-8">
            <table>
                <thead>
                <tr>
                    <th>
                        图片名
                    </th>
                    <th>
                        文件大小
                    </th>
                    <th>
                        进度
                    </th>
                    <th>
                        操作
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr ng-if="fileName">
                    <td>{{fileName}}</td>
                    <td>{{fileSize|number:2}}MB</td>
                    <td>
                        <uib-progressbar value="progress" style="margin-bottom: 0;" type="null" animate="true" >{{progress}}%</uib-progressbar>
                    </td>
                    <td>
                        <span class="glyphicon glyphicon-ok" ng-show="okIcon"></span>
                        <span class="glyphicon glyphicon-remove" ng-show="removeIcon"></span>
                    </td>
                    <td>
                        <button class="art-up" data-ng-click="upload()" ng-disabled="progress">上传</button>
                        <button class="art-del" data-ng-click="delete()">删除</button>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
封装指令的JS文件
myApp.directive("upLoad", function($http){
    return{
        restrict: 'EA',
        templateUrl: 'html/upload.html',
        replace: true,
        link: function(scope){
            scope.fileReader = new FileReader();
            scope.fileChanged = function(respond){
                scope.$apply(function(){
                    scope.files = respond.files[0];
                    scope.input = respond;
                    scope.fileName = scope.files.name;
                    scope.fileSize = scope.files.size/1024/1024;
                    scope.progress=0;
                });
            };
            // 上传图片
            scope.upload = function(){
                var formData = new FormData();
                scope.fileReader.readAsDataURL(scope.files);
                formData.append("file",scope.files);
                if(scope.fileSize <= 5242880){
                    $http({
                        method: 'post',
                        url: '/carrots-admin-ajax/a/u/img/task',
                        data: formData,
                        headers:{"Content-Type":undefined},
                        uploadEventHandlers: {
                            progress: function(respond){
                                scope.progress = (respond.loaded/respond.total)*100;
                            }
                        }
                    }).then(function successCallback(respond){
                        scope.status = respond.data.message;
                        scope.src = respond.data.data.url;
                        scope.okIcon=true;
                    });
                }else{
                    alert('文件大于5MB');
                    scope.removeIcon=true;
                }
            };

            //删除图片
            scope.delete = function(){
                scope.src = undefined;
                scope.fileName = '';
                scope.progress = 0;
                scope.input.value = '';// 防止删除一个文件后不能再次上传同一个文件的问题
                scope.okIcon=false;
            };
        }
    }
});

去第页

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