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 model angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<td >{{statusMsg}}</td>

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4){
        if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304){
            console.log("xhr存储图片请求成功");
                $scope.statusMsg="成功";
                console.log($scope.statusMsg);
        }else {
                $scope.statusMsg="失败";
                document.getElementById("progressNumber").style.background="red";
                document.getElementById("progressNumber").style.width= "50%";
                console.log($scope.statusMsg);

        }
    }

};

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4){
        if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304){
            console.log("xhr存储图片请求成功");
            $scope.$apply(function () {
                $scope.statusMsg="成功";
                console.log($scope.statusMsg);
            });

        }else {
            $scope.$apply(function () {
                $scope.statusMsg="失败";
                document.getElementById("progressNumber").style.background="red";
                document.getElementById("progressNumber").style.width= "50%";
                console.log($scope.statusMsg);
            });

        }
    }

};

该问题已被官方收录

如何使用url 传参

1

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var routerApp = angular.module('routerApp')
    .controller('content', function ($scope, $http, $state) {
        $scope.main = $state.params
        http()
         
        function http() {
            $http({
                method: "get",
                params: $scope.main,
                url: "/carrots-admin-ajax/a/article/search" 
            }).then(function (res) {
                console.log(res)
                if (res.data.code === 0) {
                    $scope.article = res.data.data.articleList
                }
            })
        }

该问题已被官方收录

如何让用户欢迎的toast只显示一次？

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

open() {
        let time = this.$moment(Date.now()).format("YYYY-MM-DD");
        const h = this.$createElement;
        this.$notify({
          title: '欢迎回来，亲爱的' + this.$store.state.userinfo.name,
          message: h('div', {style: 'color: #409EFF'}, '今天是' + time + '号 ' + " 祝您有快乐的一天")
        });
      },
    },
    mounted() {
      this.getNavbarInfo();
      this.open();
    }

该问题已被官方收录

时间选择器angular6组件使用

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

1. ngx-daterangepicker-material时间选择器angular6组件使用：

1.1安装组件

    npm install ngx-daterangepicker-material --save



1.2引入依赖：

    ...
    import { FormsModule } from '@angular/forms';
    import { NgxDaterangepickerMd } from 'ngx-daterangepicker-material';
    import { App } from './app';
    
    @NgModule({
        imports:      [... , FormsModule, NgxDaterangepickerMd],
        declarations: [App],
        bootstrap:    [App]
    })
    export class AppModule {}

1.3html设置

         <div>                                                                                      
          <input type="text"                                                                         
             ngxDaterangepickerMd                                                                   
             [isInvalidDate]="isInvalidDate"                                                         
             [isCustomDate]="isCustomDate"                                                           
             [locale]="{format: 'DD/MM/YYYY', firstDay: 1}"                                         
             [(ngModel)]="selected"                                                                 
             [singleDatePicker]="true"                                                               
             [autoApply]="true"                                                                     
             [maxDate]="maxDate"                                                                     
              [minDate]="minDate"  />                             
           </div>                                                                                              

1.4ypescript:

    import { Component, OnInit } from '@angular/core';
    import * as moment from 'moment';
    
    @Component({
      selector: 'single-datepicker',
      templateUrl: './single-datepicker.component.html',
      styleUrls: ['./single-datepicker.component.scss']
    })
    export class SingleDatepickerComponent implements OnInit {
      selected = moment();
      maxDate: moment.Moment;
      minDate: moment.Moment;
      constructor() { }
      ngOnInit() {
      this.maxDate = moment().add(1);
      }
      isInvalidDate(date) {
        return date.weekday() === 0;
      }
      isCustomDate(date) {
        return  (
          date.weekday() === 0 || date.weekday() === 6
        )  ? 'mycustomdate' : false;
      }
    
    }

####

该问题已被官方收录

如何新一天生成，前面天数无法再点击生效，点击则弹窗？

0

1

事件本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$("main").on("click", "p", function (event) { //事件委托
        var target = event.target;
        if (target.className === "days") { //点击天数步骤上下滑动
            $(this).next().slideToggle(200)
        };
        if (target.className === "color kill") { //点击杀死杀人步骤
            fsm.killStep();
        };
        if (target.className === "color death") { //点击亡灵步骤
            fsm.deathStep();
        };
        if (target.className === "color talk") { //点击发言步骤
            fsm.talkStep();
        };
        if (target.className === "color vote") { //点击投票步骤
            fsm.voteStep();
        };
    });

该问题已被官方收录

对MVC和MVVM的理解？

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

如何写出可以滑动切换的tab选项卡

0

1

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<view class="swiper-tab">
    <view wx:for="{{tabs}}" bindtap='swichNav' data-current="{{tab.id}}" wx:key='key' 
    wx:for-index="idx" wx:for-item="tab" class="swiper-tab-list {{currentTab == tab.id ? 'on' : ''}}">
        {{tab.name}}
    </view>
</view>

该问题已被官方收录

angular可复用的能双向绑自定义指令如何实现双向绑定

0

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-controller="myCtrl">
<test-dir inner-name="name"></test-dir>
<div ng-click="ddd()">ddddddd</div>
</body>
<script src="Angularjs1.3.js"></script>
<script>
    angular.module("myApp",[])
        .controller("myCtrl",function ($scope) {
            $scope.name="qqq";
            $scope.ddd= function () {
                console.log($scope.name)
            }
        })
        .directive("testDir",function(){
            return{
                restrict:"E",
                scope:{
                    name: "="
                },
                template:"<input type='text' ng-model='name' placeholder='请输入'>"
            }
        })
</script>
<html>

该问题已被官方收录

angularjs写下拉加载

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function getScrollTop() {
var scrollTop = 0;
   if(document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop;
   } else if(document.body) {
scrollTop = document.body.scrollTop;
   }
return scrollTop;
}

//获取当前可视范围的高度
function getClientHeight() {
var clientHeight = 0;
   if(document.body.clientHeight && document.documentElement.clientHeight) {
clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
   } else {
clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
   }
return clientHeight;
}

//获取文档完整的高度
function getScrollHeight() {
return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
}

//滚动事件触发
window.onscroll = function() {
if(getScrollTop() + getClientHeight() == getScrollHeight()) {
var data = {
"grade": $scope.grade,
           "subject": $scope.subjects,
           "pageNum": page++,
           "pageSize": 10,
           "stu_id": $scope.id,
       };
       serviceHTTP.upVideo(data).then(function () {
console.log(data);
           $scope.cards = data.data.data
       })
}
}

该问题已被官方收录

如何理解模态框中的$promise

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//alert confirm notify
        $rootScope.alert = function (content, okFn) {
            var modal = $modal({
                html: true,
                show: false,
                templateUrl: 'pages/tpls/alert.html',
                controller: function ($scope) {
                    $scope.content = content;
                    $scope.ok = function () {
                        typeof okFn == 'function' && okFn();
                        modal.$promise.then(modal.hide);
                    };
                }
            });

去第页

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