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

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    wx.config({
                    // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    debug: false,
                    appId: 'wx2750055a558bbe86', // 必填，公众号的唯一标识
                    timestamp: data.timestamp, // 必填，生成签名的时间戳
                    nonceStr: data.nonceStr, // 必填，生成签名的随机串
                    signature: data.signature,// 必填，签名，见附录1
                    jsApiList: ['chooseImage','uploadImage','getLocalImgData']
                });

                $scope.chooseIcon = function () {
                      wx.chooseImage({
                          count: 1, // 默认9
                          sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                          sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                          success: function (res) {
                              var localIds = res.localIds[0];
                              wx.uploadImage({
                                  localId: localIds, // 需要上传的图片的本地ID，由chooseImage接口获得
                                  isShowProgressTips: 1, // 默认为1，显示进度提示
                                  success: function (res) {
                                      var serverId = res.serverId; // 返回图片的服务器端ID
                                      var data= {
                                          grade: $scope.grade,
                                          id: $scope.id,
                                          media_id: serverId,
                                          nickName: $scope.name
                                      };
                                      wx.getLocalImgData({
                                          localId: localIds, // 图片的localID
                                          success: function (res) {
                                              $scope.profilePicture =  res.localData;;
                                          }
                                      });
                                     $scope.save = function () {
                                         serviceHTTP.editStudent(data).then(function (value) {
                                         })
                                     }

该问题已被官方收录

如何修改ueditor里面的选项

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

。

该问题已被官方收录

如何用angular，实现多个checkbox选择

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app = angular.module('app', []);
app.controller('MainCtrl',function($scope,$http,$timeout) {
        $scope.tesarry=[1,2,3,4,5];//初始化数据
        $scope.choseArr=[];//定义数组用于存放前端显示
        var str="";//
                var len= $scope.tesarry.length;//初始化数据長度
        var flag='';//是否点击了全选，是为a
        $scope.x=false;//默认未选中
                
        $scope.all= function (c,v) {//全选
            if(c==true){
                $scope.x=true;
                $scope.choseArr = angular.copy(v);
                                 flag='a';
            }else{
                $scope.x=false;
                $scope.choseArr=[];
                                flag='b';
            }

           

        };
        $scope.chk= function (z,x) {//单选或者多选
                            
                    
            
            if (x == true) {//选中
               $scope.choseArr.push(z)
                                flag='c'
                                    if($scope.choseArr.length==len){
                                        $scope.master=true
                                    }
            } else {
        
                        
                $scope.choseArr.splice($scope.choseArr.indexOf(z),1);//取消选中
            }

            
                        if($scope.choseArr.length==0){
                            $scope.master=false
                        };
                    

        };
        $scope.delete= function () {// 操作CURD

            if($scope.choseArr[0]==""||$scope.choseArr.length==0){//没有选择一个的时候提示
                alert("请至少选中一条数据在操作！")
                return;
            };

            for(var i=0;i<$scope.choseArr.length;i++){
                alert($scope.choseArr[i]);
                            
                console.log($scope.choseArr[i]);//遍历选中的id
            }



        };//delete end

       

    }
);

该问题已被官方收录

gulp4.0为什么安装bootsarp不会提示安装jq

0

1

其他

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

vue兄弟之间的传值

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

为什么正则表达式匹配输入框匹配不成功？

0

1

正则表达式

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

^/f/n/r/t/v/u00A0/u2028/u2029

该问题已被官方收录

储存路由状态

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>

去第页

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