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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

如何将列表页接口数据渲染到页面上？

3

4

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller("list", function ($scope, $http) {
    $http({
        method: 'get',
        url: '/carrots-admin-ajax/a/article/search',
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    }).then(function (resp) {
        var articleList = resp.data.data.articleList;
        console.log(articleList);
        console.log(resp);
        $scope.datas = articleList;
    })
});

该问题已被官方收录

任务7页面左侧的列表，怎么样实现具体的高亮显示？

1

3

angular model

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

get请求得到的日期是13位数，怎么转换标准时间

4

2

angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <td class="text-center">{{list.createAt}}</td>
                    <td class="text-center">{{list.updateAt}}</td>

该问题已被官方收录

为什么会选择页数后没有反应

0

1

angular router $http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller('listCtrl', function ($scope, $http, $state, $stateParams, types, status) {

    //取出constant里面的types、status
    $scope.types = types;
    $scope.status = status;


    //初始化页面数据
    $scope.params = $stateParams;
    $scope.datstart = Number($scope.params.startAt) || undefined;
    $scope.datend = Number($scope.params.endAt) || undefined;
    $scope.thetype = $scope.params.type;  // 刷新后能保存类型状态
    $scope.thestatus = $scope.params.status;
    $scope.articletotal = $scope.params.total;
    $scope.currentPage = $scope.params.page || 1;
    $scope.currentSize = $scope.params.size || 10;
    console.log(1);


    //请求后台数据
    $http ({
        method: 'GET',
        url: '/carrots-admin-ajax/a/article/search',
        params: $scope.params,
        responseType: 'json'
    }).then (function (response) {
        if (response.data.code == 0) {
            $scope.articleList = response.data.data.articleList;
            $scope.totalItems = response.data.data.total;
            $scope.currentPage = $scope.params.page || 1;
            $scope.currentSize = $scope.params.size || 10;
            console.log(11);
            // $scope.size = response.data.data.size;
            // $scope.currentSize = response.data.data.size;
            // $scope.currentPage = response.data.data.page;
        }else {
            alert("请求失败!");
        }
    });


    //日期插件
    $scope.format = "yyyy/MM/dd";
    $scope.altInputFormats = ['yyyy/MM/dd'];
    $scope.popup1 = {
        opened: false
    };
    $scope.popup2 = {
        opened: false
    };
    $scope.open1 = function () {
        $scope.popup1.opened = true;
    };
    $scope.open2 = function () {
        $scope.popup2.opened = true;
    };




    //点击清除按钮清除搜索框选项
    $scope.clear = function () {
        $state.go('home.list', {
            startAt: undefined,
            endAt: undefined,
            type: undefined,
            status: undefined,
        }, {
            reload:true
        })
    };


    //点击搜索按钮返回搜索框里面的参数的值
    $scope.search = function () {
        // 第一次进入列表页面获取到的时间为Mon Mar 05 2018 00:00:00 GMT+0800这种格式，则需要解析为时间戳
        if (typeof $scope.datstart == "object") {
            $scope.datstart = $scope.datstart.getTime();
        }
        // 结束日期需要加上1天减1毫秒
        if (typeof $scope.datend == "object") {
            $scope.datend = $scope.datend.getTime() + 86399999;
        }
        $state.go("home.list", {
            startAt: $scope.datstart,
            endAt: $scope.datend,
            type: $scope.thetype,
            status: $scope.thestatus,
            // page: 1
        }, {
            reload: true
        });
    };


    //上线
    //下线
    //编辑
    //删除
    $scope.listdelete = function () {
        console.log('delete');
    }
    
    
    //分页插件选择第几页
    $scope.pickpage = function () {
        $state.go("home.list", {
            page: $scope.currentPage,
        }, {
            reload: true
        });
    };

    
    //确定按钮选择跳转到第几页
    $scope.pagetogo = function () {
        $state.go('home.list', {
            page: $scope.pagepicker,
            size: $scope.currentSize
        }, {
            reload: true
        })
    }
});
////////////////////////////////////////////////////////////


//自定义类型过滤器
app.filter("typeChange",function (types) {
    return function (thetype) {
        return types[thetype]
    }
});

//自定义状态过滤器
app.filter('statusChange', function (status) {
    return function (thestatus) {
        return status[thestatus]
    }
});

该问题已被官方收录

时间选择器开始时间和结束时间之间相互限制关系问题

0

1

angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//开始时间设置条件
    $scope.startDateOptions = {
        formatYear: 'yy',
        maxDate:$scope.dtEnd
    };
    
    //结束时间设置条件
    $scope.endDateOptions = {
        formatYear: 'yy',
        maxDate: new Date(), //最大时间不超过当天
        minDate: $scope.dtStart, //最小时间不超过开始时间
        startingDay: 1
    };
    //结束时间没有选时，自动给结束时间赋值为当天
    console.log("开始时间最大限制:"+$scope.startDateOptions.maxDate);
    if($scope.dtEnd==undefined){
        $scope.startDateOptions.maxDate = new Date();//结束时间为空时，最大开始时间设置为当前时间
    }
    console.log('开始时间最大限制:'+$scope.startDateOptions.maxDate);
    console.log('结束时间最大限制:'+$scope.endDateOptions.maxDate);
    console.log('结束时间最小限制:'+$scope.endDateOptions.minDate);
    $scope.$watch('dtStart', function (newValue, oldValue) {
        $scope.endDateOptions.minDate = newValue;
        //监视开始时间的变化
    });
    $scope.$watch('dtEnd', function (newValue, oldValue) {
        //监视结束时间的变化
        if($scope.dtEnd==undefined){
            $scope.startDateOptions.maxDate = new Date();//结束时间为空时，最大开始时间设置为当前时间
        }
        else{
            $scope.startDateOptions.maxDate = newValue;//选择结束时间，最大开始时间设为结束时间
        }
        console.log($scope.dtEnd);
    });

//清空按钮
    $scope.empty = function () {
        $state.go('backstage.list', { //发起清空请求，清空url上参数
            type: null,
            status: null,
            startAt: undefined,
            endAt: undefined,
            page: null
        });      
        $scope.styleName = undefined; //给类型值，状态值，开始和结束时间赋空值
        $scope.stateName = undefined;
        $scope.dtStart = undefined;
        $scope.dtEnd = undefined;

    };

该问题已被官方收录

日期插件点击消失的功能实现问题

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<input class="form-control" type="text" ng-focus="dateCollapse1 = true" ng-blur="dateCollapse1 = false" ng-model="dt1" uib-datepicker-popup="yyyy-MM-dd">
                <div class="datePicker">
                    <div uib-datepicker ng-model="dt1" class="well well-sm" uib-collapse="!dateCollapse1"></div>
                </div>

该问题已被官方收录

时间选择插件的相互限制

1

1

angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 $scope.dateChange=function(){
        $scope.startDateOptions.maxDate = $scope.dateEnd||new Date();
        $scope.endDateOptions.minDate = $scope.dateStart||'';
    };

该问题已被官方收录

如何使用AngularJS的内置过滤器 orderBy？

1

1

angular model angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

{{ childrenArray | orderBy : orderFunc }}

该问题已被官方收录

在使用{{}}绑定数据的时候，页面加载会出现满屏尽是{{xxx}}的情况。

2

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

刷新页面时会有一瞬间的闪烁，亮瞎眼

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<tbody>
      <tr ng-repeat="x in article">
        <td>{{x.id}}</td>
        <td>{{x.title}}</td>
        <td>{{x.type | typeFilter}}</td>
        <td>
          <div>{{x.createAt | date: "yyyy-MM-dd"}}</div>
          <div>{{x.createAt | date: "HH:mm:ss"}}</div>
        </td>
        <td>
          <div>{{x.createAt | date: "yyyy-MM-dd"}}</div>
          <div>{{x.createAt | date: "HH:mm:ss"}}</div>
        </td>
        <td>{{x.author}}</td>
        <td>{{x.status | statusFilter}}</td>
        <td>
          <button ng-click="statuses(x.id,x.status)" class="btn btn-xs btn-default">{{x.status | lineFilter}}</button>
          <button class="btn btn-xs btn-default" ng-click="compile(x.id)">编辑</button>
          <button ng-click="delete(x.id)" class="btn btn-xs btn-default">删除</button>
        </td>
      </tr>
      </tbody>

去第页

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