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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

使用ui-bootstrap中的date-picker组件中的禁用功能

0

1

angular router

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

父路由。list 子路由article 在list。article里无法操作

0

1

angular model angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="ask" ng-show="askShow">
                <div class="ask-box">
                    <p>提示</p>
                    <p ng-bind="askText"></p>
                    <div>
                        <button class="bg-orange" ng-click="cancle()" ng-show="cancleButton">取消</button>
                        <button class="bg-blue" ng-click="confirm()">确定</button>
                    </div>
                </div>
            </div>

 $scope.askShow = false //弹窗默认隐藏
        $scope.cancleButton = true //取消按钮默认显示
        $scope.delArticle = function (id) { //点击删除
            $scope.askShow = true; //弹窗出现
            // $(".bg-orange").show();
            $scope.cancleButton = true

.state("list", {
            url: "/list",
            templateUrl: "views/list.html",
            controller: "listController",
            resolve: {
                loadMyCtrl: _lazyLoad(['css/list.css','js/controller/list.js'])
            }
        })


.state("list", {
            url: "/list",
            templateUrl: "views/list.html",
            controller: "listController",
            resolve: {
                loadMyCtrl: _lazyLoad(['css/list.css','js/controller/list.js'])
            }
        })

该问题已被官方收录

如何让侧边栏展开和高亮

0

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//侧边栏列表
    $scope.homeTitle = [
        {
            lv: 0, name: '信息管理', select: false,
            title: [
                {name:'公司列表', url: '', highlight: false},
                {name:'职位列表', url: '', highlight: false}
            ]
        },
        {
            lv: 1, name: 'Article管理', select: false,
            title: [
                {name:'Article列表', url: 'home.articleList', highlight: false },
                {name:'文章管理', url: '', highlight: false}
            ]
        },
        {
            lv: 2, name: '用户管理', select: false,
            title: [
                {name:'用户列表', url: '', highlight: false}
            ]
        },
        {
            lv: 3, name: '内容管理', select: false,
            title: [
                {name:'视频管理', url: '', highlight: false}
            ]
        }
    ];

<div class="sidebar" ng-controller="homeCtrl">
            <ul class="home-border">
                <li class="panel-title"
                   ng-repeat="x in homeTitle | orderBy: 'lv' ">
                    <div class="title high" ng-click="list()" ng-model="titleId">
                        <span class="icon-l glyphicon glyphicon-pencil"></span>
                        {{x.name}}
                        <span class="icon-r glyphicon glyphicon-menu-left"></span>
                    </div>
                    <ul class="ul-sonTitle" >
                        <li id="msg" class="li-sonTitle high"
                            ng-click="sonList()"
                            ng-show="x.select"
                            ui-sref="{{y.url}}"
                            ng-class="{'highlight' : y.highlight }"
                            ng-repeat="y in x.title | orderBy : ['name']">
                        {{y.name}}
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

该问题已被官方收录

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

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

在clone元素的时候会重复复制。。

1

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取存储缓存json字符串并转换为数组
var playersArray = JSON.parse(sessionStorage.getItem("playersArray"));
//获取玩家数量并转换为number
var players = +sessionStorage.getItem("players");

$(function () {
    console.log(players);
    console.log(playersArray);
    //进行元素克隆、默认有一个，只需要克隆数量-1个
    for (var i = 0; i < players - 1; i++) {
        $("div.player").clone().appendTo("div.players");
    };
})
$("#startBox").click(function () {
    location.href = "#";
})

该问题已被官方收录

关于任务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
    }
])

该问题已被官方收录

任务3如何动态的把数组里的每一个都渲染出来。

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var borNum = sessionStorage.getItem('dog');
var entrance = JSON.parse(borNum);
console.log(entrance);
var i = 0;

var box = $('.rongqi').append('<div class="row"><div class="shuiming"></div><div class="shuzi"></div></div>');
//先写一个盒子出来添加到容器里面，以便后面循环使用。
for (box = 1; box < entrance.length; box++) {
    $('.rongqi').append('<div class="row"><div class="shuiming"></div><div class="shuzi"></div></div>');
}
//利用上面写出来的盒子循环至entrance-1为止。

for (i; i < entrance.length; i++) {
    // $('.rongqi').append('<div class="row"><div class="shuiming">' + entrance[i] + '</div><div class="shuzi">' + (i + 1) +'号'+ '</div></div>');
    //循环出来的每一个i全部添加到容器里面的方式，主要部分' + entrance[i] + '   ' + (i + 1) +'号'+ '，只需要上面的3行代码，完成本页面。
    $('.shuiming').eq(i).html(entrance[i]);
    $('.shuzi').eq(i).text(i+1);
    //利用eq来把i的每一个都单独的添加到容器里面去。
}
$('.tousi').click(function () {
    window.location.href='./JS4-2.html'
})

该问题已被官方收录

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;
}

该问题已被官方收录

有限状态机，新版本和旧版本有什么区别？

0

1

有限状态机

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

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;
            };
        }

去第页

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