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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

怎么在使用angular 时间插件，

1

1

angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module("directives",[]).directive("datetimepicker",function(){
  return {
    restrict: "EA",  //指令作用范围是element或attribute
    require : "ngModel", //控制器是指令标签对应的ngModel
    link: function (scope, element, attrs, ctrl) {
 
      var unregister = scope.$watch(function(){        //关键点，下面详述
 
        $(element).append("<input id='date-"+attrs.dateid+"' style='border:none;width:100%' value='"+ctrl.$modelValue+"'>");
 //template用不好，于是用这个笨办法加上input标签
 
        element.on('change', function() { //注册onChange事件，设置viewValue
          scope.$apply(function() {
            ctrl.$setViewValue($("#date-"+attrs.dateid).val());
          });
        });
 
        element.on('click',function(){  //click触发日期框
          $("#date-"+attrs.dateid).datetimepicker({ 
            format : attrs.format || 'Y/m/d h:i',  //格式
            onClose : function(){          //关闭日期框时手动触发change事件
              element.change();
            }
          });
        });
 
        element.click();    //第一次绑定事件，模拟一次click，否则肯能要点两下才会出日期框
 
        return ctrl.$modelValue;
      }, initialize);
 
      function initialize(value){ //下面再说
        ctrl.$setViewValue(value);
        unregister();
      }
    }
  }
});

该问题已被官方收录

富文本编辑器,图片上传与预览

0

1

富文本编辑器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

第三方插件的代码就不贴了吧

该问题已被官方收录

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

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

怎么使用angular的过滤得到接口中的数据？

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

myApp.filter('let',function (type){
    return function(index){
        console.log(index);
    return type[index]
    }
})
myApp.filter('category',function(type1){
    return function(index){
        return type1[index]
    }
})

该问题已被官方收录

js 中的this 讲的是什么怎么运用

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function a(){
    var user = "追梦子";
    console.log(this.user); //undefined
    console.log(this);　　//Window
}
window.a();

该问题已被官方收录

app.vue中创建实例，报错vue is not defined

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div id="app">
    {{message}}
  </div> 
</template>

<script>
  new Vue({
    el:"#app",
    data:{
      message:'sss'
    }
  })
</script>

该问题已被官方收录

头部导航的需求

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无详细代码

该问题已被官方收录

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

该问题已被官方收录

写了ngRoute，不可以跳转页面

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<body>
<div ng-controller="myCtrl">
    <ul>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
    </ul>

    <ng-view></ng-view>
    <!-- <div ng-view ></div> -->
</div>
<script type="text/javascript">
    angular.module("myApp",["ngRoute"])
        .controller("aController",function($scope,$route){
            $scope.hello = "hello,a!";
        })
        .controller("bController",function($scope){
            $scope.hello = "hello,b!";
        })
        .controller("myCtrl",function($scope,$location){

            $scope.$on("$viewContentLoaded",function(){
                console.log("ng-view content loaded!");
            });

            $scope.$on("$routeChangeStart",function(event,next,current){
                //event.preventDefault(); //cancel url change
                console.log("route change start!");
            });
        })
        .config(function($routeProvider, $locationProvider) {
            $routeProvider
                .when('/a', {
                    templateUrl: 'index.html',
                    controller: 'aController'
                })
                .when('/b', {
                    templateUrl: 'index.html',
                    controller: 'bController',
                    resolve: {
                        // I will cause a 1 second delay
                        delay: function($q, $timeout) {
                            var delay = $q.defer();
                            $timeout(delay.resolve, 3000);
                            return delay.promise;
                        }
                    }
                })
                .otherwise({
                    redirectTo: '/a'
                });
        });
</script>
</body>

该问题已被官方收录

怎么用nginx配置跨域

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

#proxy服务器
server {
    listen       81;
    server_name  www.domain1.com;

    location / {
        proxy_pass   http://www.domain2.com:8080;  #反向代理
        proxy_cookie_domain www.domain2.com www.domain1.com; #修改cookie里域名
        index  index.html index.htm;

        # 当用webpack-dev-server等中间件代理接口访问nignx时，此时无浏览器参与，故没有同源限制，下面的跨域配置可不启用
        add_header Access-Control-Allow-Origin http://www.domain1.com;  #当前端只跨域不带cookie时，可为*
        add_header Access-Control-Allow-Credentials true;
    }
}

去第页

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