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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

日历插件双向绑定失效

2

3

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

console.log($scope.startAt);//undefined

该问题已被官方收录

获取图片信息后，用FormData发送$http请求报错

2

3

FormData $http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//选择图片，获取图片信息
    $scope.click = function (){
        var file = $('#file').get(0).files[0];
        console.log(file);
        $scope.file = file;
    };
    //发送请求
    $scope.uploadPic = function () {
        var data = new FormData();
        data.append('file', $scope.file);
        $http({
            method: 'post',
            url: '/carrots-admin-ajax/a/u/img/task',
            data: data,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).then(function (resp) {
            if (resp.data.code === 0) {
                console.log(resp);
                vm.params.img = resp.data.data.url;
            }
        })
    };

该问题已被官方收录

编辑接口post指定的必填参数会出现返回错误status code问题

2

2

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$http({
                        method: 'PUT',
                        url: '/carrots-admin-ajax/a/u/article/' + id,
                        data: 'title=' + $scope.modelEditTitle
                        + '&status=' + $scope.modelEditStatus
                        + '&img=' + $scope.modelEditImg
                        + '&url=' + $scope.modelEditUrl
                        + '&type=' + $scope.modelEditType
                        + '&content=' + $scope.modelEditContent,
                        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
                    })
                    .then(function(xhr) {
                        console.log("编辑系统正常");
                        $state.go('backstage.list');
                    }, function() {
                        console.log("编辑系统异常，请检查相关设置");
                    });

该问题已被官方收录

上传图片，取消后，怎么再选择同一张图片？

1

2

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var myApp = angular.module('myApp', ['angularFileUpload']);
myApp.controller('detailCtrl',function ($scope, FileUploader) {
    var uploader = $scope.uploader = new FileUploader;
    uploader.url='/carrots-admin-ajax/a/u/img/task';
    uploader.queueLimit=1;//限制上传文件个数
    uploader.queue=[];
    $scope.clearItems = function(){    //重新选择文件时，清空队列，达到覆盖文件的效果
        uploader.clearQueue();
    };
    //上传图片
    uploader.onSuccessItem = function(data,response) {  //成功上传文件
        $scope.imageSrc=response.data.url;
    };
});

该问题已被官方收录

post请求立即上线返回的数据提示发布状态不能为空

0

2

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//封装的请求接口地址
        postAdd:function(){
            return '/carrots-admin-ajax/a/u/article';
        }



//封装的请求方法
            postAdd:function(params){
                return $http.post(site.postAdd(),{
                    params
                })
            }


//发起请求的数据
                $scope.params = {};
                $scope.params.title = $scope.title;
                $scope.params.type = $scope.selectedType;
                $scope.params.img = url;
                $scope.params.content = $scope.explain;
                $scope.params.url = $scope.skipUrl;
                $scope.params.status = 2;

//调用封装的post请求
                beg.postAdd($scope.params).then(function (response) {
                    console.log($scope.params);
                    console.log(response)

                })

该问题已被官方收录

表单验证如何做到只在一行显示所有的错误信息?

1

1

表单验证

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form name="loginForm" novalidate ng-submit="myLogin()">
            <p class="head">后台登录</p>
            <div class="unames">
                <img src="../images/name.png">
                <input type="text"
                       name="unames"
                       ng-model="params.name"
                       ng-minlength="3"
                       ng-maxlength="10"
                       placeholder="请输入用户名" required>
            </div>
            <div class="error" ng-messages="loginForm.unames.$error">
                <!--<div ng-message="required">用户名不能为空</div>-->
                <div ng-message="minlength">用户名长度至少为3</div>
                <div ng-message="maxlength">用户名长度不能超过10</div>
            </div>
            <div class="unames">
                <img src="../images/password.png">
                <input type="password"
                       name="upwd"
                       ng-model="params.pwd"
                       ng-minlength="6"
                       ng-maxlength="16"
                       placeholder="请输入密码" required>
            </div>
            <div class="error" ng-messages="loginForm.upwd.$error">
                <!--<div ng-message="required">密码不能为空</div>-->
                <div ng-message="minlength">密码长度至少为6位</div>
                <div ng-message="maxlength">密码长度不能超过16位</div>
            </div>
            <p id="hint"></p>
            <button id="login" type="submit" value="登录">登录</button>
        </form>

该问题已被官方收录

日历搜索的结束日期失效。

0

1

表单验证

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  //开始时间设置条件
    vm.startDateOptions = {
        formatYear: 'yy',
        maxDate: new Date()
    };
    //结束时间设置条件
    vm.endDateOptions = {
        formatYear: 'yy',
        maxDate: new Date(), //最大时间不超过当天
        minDate: vm.param.startAt, //最小时间不超过开始时间
        startingDay: 1
    };
    //监视开始时间的变化
    $scope.$watch('vm.param.startAt', function (newValue, oldValue) {
        vm.endDateOptions.minDate = newValue;
    });
    //监视结束时间的变化
    vm.endDate = function () {
        vm.startDateOptions.maxDate = (vm.param.endAt == undefined) ? new Date() : vm.param.endAt;
    };
    //搜索按钮
    vm.search = function () {
        vm.param.page = 1;
        if (typeof vm.param.startAt == "object") {
            vm.param.startAt = vm.param.startAt.getTime();
        }
        if (typeof vm.param.endAt == "object") {
            vm.param.endAt = vm.param.endAt.getTime() + 86399999;
        }
        $state.go("backPage.list", vm.param);
    };

该问题已被官方收录

用了网上分页插件的写法，写上去以后，分页没有显示出来，什么也显示不出来

1

1

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

引入的插件

 <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>

 <script src="js/ui-bootstrap-tpls-2.5.0.min.js"></script>



分页代码

 <body ng-app="ui.bootstrap.demo">

     <div ng-controller="PaginationDemoCtrl">

         <uib-pagination total-items="totalItems" ng-model="currentPage" max-size="maxSize" first-text="第一页" previous-text="上一页" next-text="下一页" last-text="最后页" boundary-links="true" boundary-link-numbers="true"></uib-pagination>

     </div>

 </body>



 <script>

         angular.module('ui.bootstrap.demo', ['ui.bootstrap']).controller('PaginationDemoCtrl', function ($scope) {

             $scope.maxSize = 5;

             $scope.totalItems = 175;

             $scope.currentPage = 1;

         });

     </script>

该问题已被官方收录

分页指令的问题

0

1

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="pagination pull-right">
           每页显示<input type="text" ng-model="pages">条
            <ul uib-pagination total-items="totalItems" ng-model="currentPage" class="pagination-md"
                boundary-links="true" force-ellipses="true" first-text="首页" last-text="末页"
                next-text=">" previous-text="<" ng-change="search()"></ul>第<input type="text" ng-model="currentPage">页
            <button class="btn btn-default" ng-click="sure()">确认</button>
        </div>

该问题已被官方收录

使用angular 进行表单验证无效

1

1

表单验证

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <form  name="loginForm" novalidate>
        <input ng-model="userName"
               class="login_userInput"
               type="text" placeholder="用户名"
               name="userName"
               id="userInput"
               ng-minlength=3
               ng-maxlength=10
               required>

    <div class="login_redWord" ng-message="loginForm.userName.$error" >
        <div ng-message="required">用户名不能为空</div>
        <div ng-message="minlength">用户名长度至少为3</div>
        <div ng-message="maxlength">用户名长度不能超过10</div>
    </div>

 <input type="submit" class="login_loginBtn" id="loginBtn" ng-click="loginBtn()" value="登陆">

</form>

去第页

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