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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

储存路由状态

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.config(function($stateProvider){
  $stateProvider
  $stateProvider.state(
    {
      name:'new',
      url:'/new',
      templateUrl:'js3-3.html'

    }
  ).state(
    {
      name:'list',
      url:'/list',
      templateUrl:"js3-4.html"
    }
  )
})

该问题已被官方收录

编辑页面，获取文章数据后，select设置value不能显示选项

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

解决办法：查阅官方文档如下

Caveat: Option selection
Angular uses object identity to select option. It's possible for the identities of items to change while the data does not. This can happen, for example, if the items are produced from an RPC to the server, and that RPC is re-run. Even if the data hasn't changed, the second response will produce objects with different identities.

To customize the default option comparison algorithm, <select> supports compareWithinput.compareWith takes a function which has two arguments: option1 and option2. If compareWith is given, Angular selects option by the return value of the function.

Syntax

<select [compareWith]="compareFn"  [(ngModel)]="selectedCountries">
 <option *ngFor="let country of countries" [ngValue]="country">
   {{country.name}}
 </option>
</select>
compareFn(c1: Country, c2: Country): boolean {
return c1 && c2 ? c1.id === c2.id : c1 === c2;
}
 

按此法成功解决

解决方法二：用ng-select插件

Step 1: Install ng-select:
npm install --save @ng-select/ng-select

Step 2: Import the NgSelectModule and angular FormsModule module:

import { NgSelectModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';
@NgModule({
 declarations: [AppComponent],
 imports: [NgSelectModule, FormsModule],
 bootstrap: [AppComponent]
})
export class AppModule {}
Step 3: Include a theme:
To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json(Angular v5 and below) or angular.json (Angular v6 onwards).


@import "~@ng-select/ng-select/themes/default.theme.css";
// ... or  
@import "~@ng-select/ng-select/themes/material.theme.css";

该问题已被官方收录

jQuery父元素过滤器

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    div{
        padding:50px;
        margin: 20px;
        background: rgba(0, 0, 0, .1)
    }
    </style>
</head>
<body>
    <div class="grandpa">
        <div class="pa">
            <div id="child1" class="child"></div>
            <div id="child2" class="child"></div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script type="text/javascript">
        $('#child1').parents(.grandpa).css('border',"5px solid #000");
    </script>
</body>
</html>

该问题已被官方收录

求学大作战影视部后台的上传视频功能是什么?

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="videogular-container">
    <videogular vg-theme="controller.config.theme.url">
        <vg-media vg-src="controller.config.sources"
                  vg-tracks="controller.config.tracks">
        </vg-media>

        <vg-controls vg-autohide="controller.config.plugins.controls.autoHide" vg-autohide-time="controller.config.plugins.controls.autoHideTime">
            <!--暂停/播放-->
            <vg-play-pause-button></vg-play-pause-button>
            <!--currentTime表示当前已播放时间-->
            <vg-time-display>{{ currentTime | date:'mm:ss':'+0000' }}</vg-time-display>
            <!--进度条-->
            <vg-scrub-bar>
                <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
            </vg-scrub-bar>
            <!--媒体剩余时间-->
            <vg-time-display>{{ timeLeft | date:'mm:ss':'+0000' }}</vg-time-display>
            <!--媒体总时长-->
            <vg-time-display>{{ totalTime | date:'mm:ss':'+0000' }}</vg-time-display>
            <!--音量控制容器-->
            <vg-volume>
                <!--静音按钮-->
                <vg-mute-button></vg-mute-button>
                <!--调节音量-->
                <vg-volume-bar></vg-volume-bar>
            </vg-volume>
            <!--播放倍数(0.5x1x1.5x2x)-->
            <vg-playback-button></vg-playback-button>
            <!--全屏/普通模式-->
            <vg-fullscreen-button></vg-fullscreen-button>
        </vg-controls>
    </videogular>
</div>

该问题已被官方收录

循环出来的盒子里面的值没有改变

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 返回按钮返回到发牌页面
var backtrack=document.getElementById("backtrack");
backtrack.onclick=function() {
    location.href = "../html/check.html";
}

// 关闭按钮返回到主页面
var off=document.getElementById("off");
off.onclick=function() {
    // 点击关闭弹出提示窗口
    if (confirm("是否要退出游戏返回到主页面")) {
        location.href = "../html/start.html"; //点击确定返回到主页面
    } else {
        return false; //点击取消停留在当前页面
    }
}


// 获取发牌时保存的数据
var data = JSON.parse(localStorage.getItem('key'));


var arr = []; //声明一个数组
var arr = data; //把获取的数据传递到数组
// console.log(arr);


// 获取角色属性dom节点
var role = document.getElementsByClassName("role")[0];
// 获取角色人数序号dom节点
var number = document.getElementsByClassName("number")[0];
// 获取角色属性盒子父元素节点
var parent = document.getElementsByTagName("main")[0];
// console.log(parent)


// 通过父元素节点克隆人数属性盒子
for (let i = 0; i < arr.length - 1; i++) {
    // 获取子级盒子属性节点,并克隆节点
    var son = document.getElementsByClassName("box")[0].cloneNode(true);
    parent.appendChild(son); //规定在父级里面克隆子级节点
}

var x = 0; //声明一个变量记录玩家序号

for (let i = 0; i <= arr.length - 1; i++) {
    role.innerText = (arr[i]); //获取数组指标对应的玩家属性
    x = x + 1; //每次循把玩家人数序号+1
    number.innerText = (x + "号"); //把玩家人数序号传入对应的盒子
    // console.log(arr[i])
    // console.log(x);

}

// 点击button生成构造函数
var button=document.getElementsByTagName("button")[0];
button.onclick=function() {
    // 创建构造函数
    function Part(breed, status, num) {
        this.breed = breed;
        this.status = status;
        this.num = num;
    }

    var PartArr = [] //声明一个数组，把构造函数的对象放到该数组

    // 构造函数生成玩家对象
    for (var i = 0; i < arr.length; i++) {
        var temp = arr[i] //获取玩家对应的角色属性传到对象里
        var num = i + 1 //生成玩家数量序号传入到对象
        PartArr.push(new Part(temp, "存活", num)); //把生成的玩家对象push到数组
    }
    // 把玩家对象数组储存到浏览器本地
    localStorage.setItem("store", JSON.stringify(PartArr));
    // console.log(PartArr);
 

    location.href = "../html/libretto.html";//进入下一个页面
}

该问题已被官方收录

ajax请求网关超时

1

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function login() {
    var name = document.getElementById('name');
    var password = document.getElementById('password');
    var none = document.getElementById('hint');
    console.log(name.value);
    console.log(password.value);
    var xhr = new XMLHttpRequest();

    xhr.open('Post', '/carrots-admin-ajax/a/login/', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send("name="+name.value+"&pwd="+password.value);
    xhr.onreadystatechange = function () {
        if(xhr.readyState === 4){
            if(xhr.status === 200){
                console.log(xhr.responseText);
            }else {
                none.innerHTML = "无此用户";
            }
        }
    };
    xhr.onerror = function (e) {
        console.error(xhr.statusText);
    };
}
//键盘事件,按enter触发login()事件
document.onkeydown = function (ev) {
    var e = event || window.event || arguments.callee.caller.arguments[0];
    if(e&&e.keyCode===13){
        login();
    }
};

该问题已被官方收录

怎么用JQ写输入验证

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

..

该问题已被官方收录

现在前台需要批量上传，且上传的东西需要把id匹配起来

0

1

小程序语言基础小程序界面构建

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 // wx.uploadFile({
    //   url: "http://47.93.51.5:8080/username/uploadfile",
    //   filePath: map,
    //   name: 'files',
    //   method: 'POST',
    //   header: {
    //     'content-type': 'multipart/form-data'
    //   },
    //   success: function(res) {
    //     var data = res.data;
    //     console.log(res.data)
    //   },
    //   fail: function(res) {
    //     console.log(res);
    //     wx.showModal({
    //       title: '提示',
    //       content: "网络请求失败，请确保网络是否正常",
    //       showCancel: false,
    //       success: function(res) {
    //       }
    //     });
    //     wx.hideToast();
    //   }
    // })

该问题已被官方收录

postman测试接口没问题，但是一发送到网页上就是会报502

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

       login: function (params) {
                return $http.post(project_path.login, params)
            },

该问题已被官方收录

用ui-sref一直出现报错

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="collapse  col-sm-4 col-md-3 col-lg-2" id="example-navbar-collapse">
                <ul class="list-father">
                    <li ng-repeat="x in listFather">
                        <div class="list-head" ng-click="oneSelect()"
                             ng-class="{'list-head-highlight':x.select,'head-highlight-reset':x.highlightReset}">
                            <span>
                                <span class="glyphicon glyphicon-pencil"></span>
                                  {{x.name}}
                            </span>
                            <span class="glyphicon"
                                  ng-class="x.select?'glyphicon-chevron-down':'glyphicon-chevron-right'">
                            </span>
                        </div>
                        <ul class="list-child" ng-show="x.select">
                            <li ng-repeat="y in x.listChild | orderBy:num"
                                ng-click="twoSelect()"
                                ng-class="{'list-li-highlight':y.select}"
                                ui-sref="{{y.url}}">
                                {{y.name}}
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

 //初始化手风琴内容
    $scope.listFather = [
        {
            num: 0,
            name: '信息1212管理',
            listChild: [
                {
                    num: 0,
                    name: '公司列表',
                    select: false,
                    url:''
                },
                {
                    num: 1,
                    name: '职位列表',
                    select: false,
                    url:'home.articleList'
                }
            ],
            select: false,
            highlightReset:false
        },
        {
            num: 1,
            name: '后台管理',
            listChild: [
                {
                    num: 0,
                    name: '账号管理',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 1,
                    name: '角色管理',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 2,
                    name: '修改密码',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 3,
                    name: '模块管理',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 4,
                    name: 'article列表',
                    select: false,
                    url:'home.articleList'
                }
            ],
            select: false,
            highlightReset:false
        }
    ];

去第页

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