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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

bootbox如何使用

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

        bootbox.confirm({
                message: "<span>操作提示</span><br><h3 style='text-align: center'>将会上线，是否执行</h3>",
                buttons: {
                    confirm: {
                        label: '确认',
                        className: 'btn-success'
                    },
                    cancel: {
                        label: '取消',
                        className: 'btn-danger'
                    }
                },
                callback: function (result) {
                    if (result) { 发送请求}

该问题已被官方收录

之前依赖出问题，现在插件显示，数据不渲染

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//页面数据请求
app.controller('articleList', function ($scope, $http) {

      //搜索
    $scope.search=function () {
        $http({
            method: 'GET',
            url: '/carrots-admin-ajax/a/article/search',
            params:{type:$scope.type}
        }).then(function (res) {
            console.log(res);
            $scope.data = res.data.data.articleList;

        })
    };
    //页面加载渲染
    $scope.search();

该问题已被官方收录

懒加载如何同时加载多个文件

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app = angular.module('app', ['ui.router','oc.lazyLoad','ui.bootstrap','ngAnimate','ngTouch','ngMessages','angularFileUpload']);
app.config(function ($stateProvider,$urlRouterProvider,$controllerProvider){
  app.controller = $controllerProvider.register;
  $urlRouterProvider.otherwise('/login');
  $stateProvider
  //登录页面
  .state('login',{
    url:'/login',
    templateUrl:'./html/login.html',
    controller:"loginctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/login.js");
      }]
    }
  })

  // 后台主页
  .state('dashboard',{
    url:'/dashboard',
    templateUrl:'./html/dashboard.html',
    controller:"AccordionCtrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/dashboard.js");
      }]
    }
  })

  // 后台列表页
  .state('dashboard.list',{
    //url传参
    url:'/list?page&size&title&author&startAt&endAt&status&type',
    templateUrl:'./html/list.html',
    controller:"listctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/list.js");
      }]
    }
  })
  
  //后台详情页
  .state('dashboard.detail',{
    url:'/detail?id',
    templateUrl:'./html/detail.html',
    controller:"detailctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/detail.js");
      }]
    }
  });
});

该问题已被官方收录

angular-file-upload 上传图片，无法用link封装。

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

controller:function ($scope) {
            //上传图片
            var uploader = $scope.uploader = new FileUploader;
            uploader.url = '/carrots-admin-ajax/a/u/img/task';
            uploader.queueLimit = 1;//限制上传文件个数
            uploader.queue = [];
            uploader.onSuccessItem = function (data, response) {
                $scope.img = response.data.url;
            };
            // 能否重复上传同一张图片，默认为false，可以如此覆盖 true|false
            FileUploader.FileSelect.prototype.isEmptyAfterSelection = function () {
                return true;
            };
            //删除预览图片
            $scope.clearImg = function () {
                $scope.img = false;
            };
        }
        link:function (scope) {
            //上传图片
            var uploader = scope.uploader = new FileUploader;
            uploader.url = '/carrots-admin-ajax/a/u/img/task';
            uploader.queueLimit = 1;//限制上传文件个数
            uploader.queue = [];
            uploader.onSuccessItem = function (data, response) {
                scope.img = response.data.url;
            };
            // 能否重复上传同一张图片，默认为false，可以如此覆盖 true|false
            FileUploader.FileSelect.prototype.isEmptyAfterSelection = function () {
                return true;
            };
            //删除预览图片
            scope.clearImg = function () {
                scope.img = false;
            };
        }

该问题已被官方收录

angular 自定义指令，分页指令

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 .directive("myTabs", function () {
        return {
            restrict: 'AE',
            replace: true,
            scope: {
                page: "=",
            },
            template: " <li ng-repeat='item in pagenum' ><a ng-click='skip(item.num,size)' class='ahref' ng-class={'ahrefturn':isa(item.num)}>{{item.title}}</a></li> ",
            // compile: function (scope) {
            // }
            link: function (scope) {
                scope.$watch('page', function (newValue, oldValue) {
                    scope.pagenum = paging()
                }, true)


                // function run(){
                //   return  [paging(),isa()]
                // }
                function paging() { //分页函数
                    if (scope.page.allpage > 6) {
                        scope.pagenum = []
                        for (let i = 0; i < 7; i++) {
                            if (scope.page.page) { //循环填入数据
                                let w = {
                                    title: scope.page.page + i,
                                    num: scope.page.page + i
                                }
                                scope.pagenum.push(w);
                            } else { //z第一次加载防止没有数据
                                let w = {
                                    title: 1 + i,
                                    num: 1 + i
                                };
                                scope.pagenum.push(w);
                            }
                        }
                        if (scope.pagenum[0].num > 1) { //如果页数大于1，则填入上一页
                            let lastpage = {
                                title: "<",
                                num: scope.page.page - 1
                            }
                            scope.pagenum.unshift(lastpage)
                        }
                        if (scope.pagenum[6].num < scope.page.allpage) { //如果数组的最后一项数组大于总页数
                            let omit = {
                                title: '...',
                                num: ''
                            }
                            scope.pagenum.push(omit)
                            let next = {
                                title: '>',
                                num: scope.page.page + 1,
                            }
                            scope.pagenum.push(next)
                        }
                     
                        return scope.pagenum;

                    } else {
                        scope.pagenum = []
                        for (let i = 0; i < scope.page.allpage; i++) {
                            if (scope.page.page) { //循环填入数据
                                let w = {
                                    title: scope.page.page + i,
                                    num: scope.page.page + i
                                }
                                scope.pagenum.push(w);
                            } else { //z第一次加载防止没有数据
                                let w = {
                                    title: 1 + i,
                                    num: 1 + i
                                };
                                scope.pagenum.push(w);
                            }
                        }
                        return scope.pagenum;
                    }
                }
            }
        }
    })

该问题已被官方收录

时间点的选择有没有合适的插件，在网上没有找到

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

关于日期插件的问题

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

endD = isNaN($scope.endDate.toString()) ? $scope.endDate.getTime() + 86399999 : $scope.endDate;
 $state.go('home.articleList', {
            size: $scope.size,
            page: page,
            startAt: startD,
            endAt: endD,
            type: $scope.type,
            status: $scope.status
        },{reload:true});

该问题已被官方收录

vue 使用路由history模式，訪問頁面404

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML5 History 模式

这个设置和angular踩过的坑一样，angular没有官方文档说明。

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

    const router = new VueRouter({
      mode: 'history',
      routes: [...]
    })

当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！

不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。

所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。

后端配置例子

 nginx
location / {
  try_files $uri $uri/ /index.html;
}

该问题已被官方收录

使用ng-repeat渲染的下拉选框会出现空白行

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

这个问题的解决方法如上面的截图所示

该问题已被官方收录

关于任务10封装手风琴下拉菜单时，some引用报错且无法引入正确的全局变量。

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var myApp = angular.module('myApp');
myApp.directive('sidebar', function() {
	return {
		restrict: 'AEC',
		replace: true,
		transclude: true,
		templateUrl: "sidebar.html",
		link: function(scope, state, sidebar) {
			scope.state = state;
			scope.sidebar = sidebar;

			console.log(scope.sidebar);
			scope.openList = function(ele) { //点击父系侧边栏时的点击事件
				console.log(ele); //查看当前点击的选项
				scope.sidebar1.forEach(function(item) { //遍历侧边栏
					if(ele.firstList === item.firstList) { //如何当前点击的父系选项是现在
						ele.isShow = !ele.isShow;
					} else {
						item.isShow = false;
					}
				})
			};
		// 	angular.forEach(scope.sidebar, function(item) {
		// 		item.secondList.some(function(items) {
		// 			console.log(items.url);
		// 			if(state.includes(items.urls)) {
		// 				item.isShow = true;
		// 				return true;
		// 				console.log("true");
		// 			} else {
		// 				item.isShow = false;
		// 				return false;
		// 				console.log("false");
		// 			}
		// 		})
		// 	})
		}
	}
});

var app = angular.module("myApp");
    app.controller('dashboard',function ($scope,$state,sidebar) {
    	$scope.signOut = function () {
			localStorage.setItem("loginState","");
			loginState = window.localStorage.getItem("loginState");
        };
        if (loginState == ""){
            $state.go('login');
        }
         $scope.state = $state; //因为原本没有state，所以在控制器中定义state
         $scope.sidebar = sidebar; //从全局变量constant注入到controller中
        //侧边栏的手风琴效果
        $scope.openList = function(ele){ //点击父系侧边栏时的点击事件
        	console.log(ele); //查看当前点击的选项
        	$scope.sidebar.forEach(function (item){ //遍历侧边栏
        		if (ele.firstList === item.firstList){ //如何当前点击的父系选项是现在
        			ele.isShow = !ele.isShow;
        		} else {
        			item.isShow = false;
        		}
        	})
        };
        //侧边栏刷新后保留当前页子系选项高亮
        console.log($scope.sidebar);
        angular.forEach($scope.sidebar,function(item){
        	item.secondList.some(function(items){
        		console.log(items.url);
        		if($state.includes(items.urls)){
        			item.isShow = true;
        			return true;
        			console.log("true");
        		} else {
        			item.isShow = false;
        			return false;
        			console.log("false");
        		}
        	})
        })
    });

myApp.constant("sidebar",[
    {
        firstList:"信息管理",
        secondList:[
            {title: "公司列表", url: ".company" , urls: "*.company"},
            {title: "职位列表", url: ".job" , urls: "*.job"}
        ],
        isShow : false
    },
    {
        firstList:"Article管理",
        secondList:[
            {title: "Article列表", url: ".articleList({page:1,size:10})" , urls: "*.articleList"},
            {title: "文章管理", url: ".text" , urls: "*.text"}
        ],
        isShow : false
    }
])

去第页

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