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

该问题已被官方收录

ui路由使用懒加载,登录成功跳转页面的时候不加载index,html引入的库

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <title>JS-Task6</title>
</head>
<body>
<div ui-view></div>


<script src="component/angular.min-1.6.3/angular.min.js"></script>
<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>
<script src="component/angular-ui-router-0.4.3/angular-ui-router.js"></script>
<script src="component/jquery.min-1.11.0/jquery-1.11.0.min.js"></script>
<script src="component/angular-messages-1.5.3/angular-messages.js"></script>
<!--<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>-->
<script src="app.js"></script>
</body>
</html>

//入口模块
angular.module("App", ['ui.router', 'ngMessages', 'oc.lazyLoad'])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider, $ocLazyLoadProvider) {
        //封装懒加载
        var _lazyLoad = function (loaded) {
            return function ($ocLazyLoad) {
                return $ocLazyLoad.load(loaded, {serie: true})
            }
        };

$ocLazyLoadProvider.config({
            debug: false,
            events: true
        });
        //默认打开页面
        $urlRouterProvider.otherwise('/login');
        //配置路由页面
        $stateProvider
            //登录页面
            .state('login', {
                url: '/login',
                controller: 'logCtrl',
                templateUrl: 'html/login.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/login.css',
                        'controller/login.js'
                    ])
                }
            })
            //后台页面
            .state('list', {
                url: '/list',
                controller: 'listCtrl',
                templateUrl: 'html/list.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/menu/htmleaf-demo.css',
                        'component/menu/nav.css',
                        'component/menu/iconfont.css',
                        'css/list.css',
                        'controller/list.js'
                    ])
                }
            })
            //后台欢迎页面
            .state('list.welcome', {
                url: '/welcome',
                controller: 'welCtrl',
                templateUrl: 'html/welcome.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/welcome.css'
                    ])
                }
            })
            //article列表页面
            .state('list.article', {
                url: '/article',
                controller: 'artCtrl',
                templateUrl: 'html/article.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/bootstrap/bootstrap.min.css',
                        'css/article.css',
                        'component/bootstrap/bootstrap.min.js',
                        'controller/article.js'
                    ])
                }
            })
    });

该问题已被官方收录

js中filter 过滤的用法出现问题

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var civArray = playerState.filter(function (item,index,playerState) {
    if (item.identity = "平民") {
        return(item)
        
    }
    
})
console.log(civArray);

该问题已被官方收录

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) { 发送请求}

该问题已被官方收录

angularjs到底是怎么实现脏检查的？？

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码




//JS：
var firstController = function($scope){

    $scope.date = new Date();

   setInterval(function(){
   
       $scope.date = new Date();

   },1000)
    
}
html:
<body>
    <div ng-app="">

        <div ng-controller="firstController" ng-model="date">
            {{date}}
        </div>
    </div>


    <script type="text/javascript" src="app/index.js"></script>
<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
</body>

该问题已被官方收录

法官查看界面如何实现盒子编号、玩家身份和分配身份后的状态保持一致

0

1

节点操作事件控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html:
<div class="main-box">
   <!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
</div>
CSS：
.main-box {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.content-box {
    width: 30%;
    height: 1.9rem;
    margin: 1.5% 1.66% 0 1.66%;
}
.content-top {
    width: 100%;
    height: 1.36rem;
}
.career {
    width: 100%;
    height: 1.0rem;
    font-size: .3rem;
    color: #565656;
    background-color: #F5C97B;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.number {
    width: 100%;
    height: .36rem;
    font-size: .22rem;
    color: #FFF;
    background-color: #83B09A;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-bottom {
    width: 100%;
    height: .3rem;
    padding-top: .2rem;
    background-image: url(../image/img1.png);
    background-repeat: no-repeat;
    background-size: .3rem .3rem;
    background-position: center center;
    visibility: hidden;
}
JS:
var player = JSON.parse(sessionStorage.getItem('player'));//取出总玩家人数数组
 for (var i=0; i<player.length; i++){//遍历数组，有几个玩家就循环几次，把所有玩家都遍历出来
        var num = i + 1;//每个角色对应的号码
        var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装
        }

该问题已被官方收录

angular2生成手风琴侧边栏的如何对内部元素绑定显示隐藏事件

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

import { Component } from '@angular/core';

@Component({
  selector: 'app-aside-list',
  templateUrl: "./aside-list.component.html",
  styleUrls: ['./aside-list.component.scss']
})
export class AsideListComponent {
  panels = [
    {
      active: true,
      title: "欢迎页",
      parts: [],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "信息管理",
      parts: ["公司信息", "职位信息"],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "内容管理",
      parts: ["Article管理"],
      src: require("../../../img/dashboard/u19.png")
    },
    {
      active: true,
      title: "后台管理",
      parts: ["账号管理", "角色管理", "修改密码", "模块管理"],
      src: require("../../../img/dashboard/u19.png")
    }

  ]
  iconfontList = [
    "icon-wode-weixuanzhong","icon-shezhi-xue","icon-shezhi-xue","icon-shezhi-xue"
  ]
  toggle(i) {
    if (this.panels[i].active == false) {
      this.panels[i].active = true
    } else {
      this.panels[i].active = false
    }
    console.log(123)
  }


}

该问题已被官方收录

到了第二天，杀手杀人页面无法显示玩家

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var words = JSON.parse(sessionStorage.getItem("words"));//存放事件描述的数组

该问题已被官方收录

动态设置select的选项值，无效

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.startAt=$scope.inputData.startAt;
$scope.endAt=$scope.inputData.endAt;
console.log($scope.inputData.type);
$scope.selectedType=myConstant.types.type4;//使用常量中的数据
console.log($scope.selectedType);
$scope.selectedState=$scope.inputData.status;//使用会话存储中的数据

<div class="col-md-4 col-sm-12">
        <div class="row">
            <label class="col-md-4 col-sm-4">类    型</label>
            <div class="col-md-8 col-sm-12">
                <select  ng-init="selectedType = types.type1"
                         ng-model="selectedType"
                         ng-options="y.type for (x, y) in types">
                </select>
                <span>{{selectedType}}</span>
            </div>
        </div>
    </div>
    <div class="col-md-4 col-sm-12">
        <div class="row">
            <label class="col-md-4 col-sm-4">状    态</label>
            <div class="col-md-8 col-sm-12">
                <select  ng-init="selectedState = initSelectedState"
                         ng-model="selectedState"
                         ng-options="y.state for (x,y) in states">
                </select>
                <span>{{selectedState}}</span>
            </div>
        </div>
    </div>
</div>

该问题已被官方收录

ui-router1.0 和 angularjs1.7 配合报错

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ui-router1.0 不支持.state 链式写法，需要重新按照新文档改写。

该问题已被官方收录

网址栏修改url参数无法载入相应页面

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<ul uib-pagination
                total-items="totalItems"
                ng-model="currentPage"
                ng-click="changePage()"
                max-size="5"
                items-per-page="10"
                first-text="<<"
                previous-text="<"
                next-text=">"
                last-text=">>"
                boundary-links="true"
                boundary-link-numbers="true">
            </ul>


//分页
    $scope.totalItems = {};
    $scope.currentPage = 1;


    //请求数据
    function page(){
        $http({
            method:"get",
            url:"/carrots-admin-ajax/a/article/search",
            params:{
                page:$scope.currentPage,//请求当前页面
            }
        }).then (
            function (resp) {
                $location.url('/home/article/'+$scope.currentPage);//url
                $scope.totalItems = resp.data.data.total;//数据数量
                $scope.list = resp.data.data.articleList;//列表数据渲染

                //数据转换
                var arr_list = resp.data.data.articleList;
                for (i=0; i<arr_list.length; i++){
                    //类型
                    if (arr_list[i].type==0){
                        arr_list[i].type='首页banner'
                    } else if (arr_list[i].type==1){
                        arr_list[i].type='找职位banner'
                    } else if (arr_list[i].type==2){
                        arr_list[i].type='找精英banner'
                    } else if (arr_list[i].type==3) {
                        arr_list[i].type='行业大图'
                    }
                    //状态
                    if (arr_list[i].status==1) {
                        arr_list[i].status='草稿'
                    } else if (arr_list[i].status==2) {
                        arr_list[i].status='上线'
                    }
                    //时间
                    var date = new Date(arr_list[i].createAt);
                    Y = date.getFullYear() + '-';
                    M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
                    D = date.getDate() + ' ';
                    h = date.getHours() + ':';
                    m = date.getMonth() + ':';
                    s = date.getSeconds();
                    arr_list[i].createAt = Y+M+D+h+m+s;
                    arr_list[i].updateAt = Y+M+D+h+m+s;
                }
            }
        )
    }
    page();
    
    //翻页
    $scope.changePage = function (){
        page();
    };