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

$http angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

在本地继续过滤总感觉好像不太对啊

该问题已被官方收录

日期表的样式崩了

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form action="">
            <div class="row">
                <div class="time col-md-4">
                    <!--<div style="display:inline-block; min-height:290px;">-->
                        <!--<div uib-datepicker ng-model="dt" class="well well-sm" datepicker-options="options"></div>-->
                    <!--</div>-->
                    <p class="time-p">发布时间</p>
                    <input type="text"
                           class="form-control"
                           uib-datepicker-popup="yyyy-MM-dd"
                           is-open="startIsOpen"
                           ng-model="startAt"
                           clear-text="清空"
                           close-text="关闭"
                           current-text="今天"
                           alt-input-formats="['yyyy-M!-d!']"
                           datepicker-options="{showWeeks:false,maxDate:startMaxDate}"
                           ng-click="startDate()">
                </div>
                <div class="time col-md-4">
                    <p class="time-p-b">—</p>
                    <input type="text"
                           class="form-control"
                           uib-datepicker-popup="yyyy-MM-dd"
                           is-open="endIsOpen"
                           ng-model="endAt"
                           clear-text="清空"
                           close-text="关闭"
                           current-text="今天"
                           alt-input-formats="['yyyy-M!-d!']"
                           datepicker-options="{showWeeks:false,maxDate:today,minDate:startAt}"
                           ng-click="endDate()">

                </div>
                <div class="time col-md-4">
                    <p class="time-p-s">类型</p>
                    <!--<input class="time-input" type="text">-->
                    <select class="form-control" ng-model="type">
                        <option ng-repeat="x in searchType" value="{{x.num}}">{{x.type}}</option>
                    </select>
                </div>
                <div class="time col-md-4">
                    <p class="time-p-s">状态</p>
                    <!--<input class="time-input" type="text">-->
                    <select class="form-control" ng-model="status">
                        <option ng-repeat="x in searchStatus" value="{{x.num}}">{{x.status}}</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 btn-p">
                    <button type="button" class="btn-q" ng-click="clearAll()">清空</button>
                    <button type="button" class="btn-s">搜索</button>
                </div>
            </div>
        </form>

该问题已被官方收录

怎么在使用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();
      }
    }
  }
});

该问题已被官方收录

问题描述：ng-options 设置初始值，无法正常显示，使用对象作为数据源,

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">类    型</label>
                        <!--<select    ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="x for (x,y) in type)">-->
                        <!--</select>-->
                        <select  ng-init="selectedType = type.type1.type" ng-model="selectedType" ng-options="y.type for (x, y) in type">
                        </select>
                        <p>{{type.type1.type}}</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="row">
                        <label class="col-md-4 col-sm-4">状    态</label>
                        <select  ng-init="selectedState = state.state1" ng-model="selectedState" ng-options="y for (x,y) in state">
                        </select>
                    </div>
                </div>

  $scope.type = {
        state1 :"全部",
        type1 : {type:"全部"},
        type2 : {type:"首页Banner"},
        type3 : {type:"找职位Banner"},
        type4 : {type:"找精英Banner"},
        type5 : {type:"行业大图"}
    };
    $scope.state = {
        state1:"全部",
        state2:"草稿",
        state3:"上线",
    }

该问题已被官方收录

页面不能正常的显示，插件功能显示错误。

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

console.log("asdasd")
var myApp = angular.module("myApp", ["ui.router"])

// var app = angular.module("myApp", []);
// myApp.controller("siteCtrl", function ($scope) {

// });


//路由搭建
myApp.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/pageTab');

    // $urlRouterProvider.when("", "/pageTab");
    $stateProvider
        .state("pageTab", {
            url: "/pageTab",
            templateUrl: "pageTab.html?page&size",
           
        })
        .state("pageTab.page1", {
            url: "/page1",
            templateUrl: "page1.html?page&size",
       
            
            
            
            
        })
        .state("pageTab.page2", {
            url: "/page2",
            templateUrl: "page2.html?page&size",
           
            
        })
        .state("pageTab.page3", {
            url: "/page3",
            templateUrl: "page3.html?page&size",
          
            
        })

});
//风琴页面
$(".panel-body").hide();
$('.collapse').collapse({
    toggle: true,
    parent: '#accordion'
})
$('.panel-heading').on('click', function () {
    var self = this;
    $(self).nextAll().eq(0).collapse("show");

})

// var ap = angular.module('myApp', []);

// //发送请求
myApp.controller('siteCtrl', function ($scope, $http,$log,$state) {
    $http({
        method: 'GET',
        url: '/carrots-admin-ajax/a/article/search'

    }).then(function successCallback(response) {
        console.log(response);

        $scope.names = response.data.data.articleList;
    }, function errorCallback(response) {
        // 请求失败执行代码
    });
    //selec下拉菜单
    $scope.sites = [{
            site: "例子一",
            url: "www.baidu.com"
        },
        {
            site: "例子二",
            url: "www.gogle.com"
        },
        {
            site: "例子三",
            url: "www.sougou.com"
        }


    ];
    $scope.types = [{
            type: "例子一",
            url: "www.baidu.com"
        },
        {
            type: "例子二",
            url: "www.gogle.com"
        },
        {
            type: "例子三",
            url: "www.sougou.com"
        }


    ];
    $state.go("pageTab.page1",{
        page:$scope.currentPage
  
    },{
        // reload:true
    }) 




//分页功能
    $scope.totalItems = 64;
    $scope.currentPage = 4;

    $scope.setPage = function (pageNo) {
        $scope.currentPage = pageNo;
    };

    $scope.pageChanged = function () {
        $log.log('Page changed to: ' + $scope.currentPage);
    };

    $scope.maxSize = 5;
    $scope.bigTotalItems = 175;
    $scope.bigCurrentPage = 1;
    // console.log("sdasdasdasda")
    // console.log($scope.currentPage)


});

该问题已被官方收录

数据绑定，不能及时生效

0

1

angular view angular model

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

        }
    }

};

该问题已被官方收录

编辑的时候,怎么把数据的type同步到页面上?

0

1

angular view angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.head = "编辑Article";
        id = $scope.id;

        console.log(id);
        $http({
            method: 'GET',
            url: '/carrots-admin-ajax/a/article/'+id
        }).then(function (response) {
            if(response.data.code === 0){
                $scope.param = response.data.data.article;
                console.log($scope.param);
                $scope.title = $scope.param.title;
                $scope.type = $scope.param.type;
                console.log($scope.type);
                $scope.content = $scope.param.content;
                $scope.url = $scope.param.url;
                $scope.imageSrc1 = $scope.param.img;
            }
        }, function (response) {
            console.log(response);
        })

<div class="col-md-8">
            <select ng-model="type">
                <option>请选择</option>
                <option value="0">找首页banner</option>
                <option value="1">找职位banner</option>
                <option value="2">找精英banner</option>
                <option value="3">找行业大图</option>
            </select>
        </div>

该问题已被官方收录

登录之后，在其他页面怎么判断是否已经登录？

0

1

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//保存数据到sessionStorage

sessionStorage.setItem('key', 'value');

//从sessionStorage获取数据

sessionStorage.getItem('key');

sessionStorage.key;

//从sessionStorage删除保存的数据

sessionStorage.removeItem('key');

//从sessionStorage删除所有保存的数据

sessionStorage.clear();

该问题已被官方收录

用ui-sref一直出现报错

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="collapse  col-sm-4 col-md-3 col-lg-2" id="example-navbar-collapse">
                <ul class="list-father">
                    <li ng-repeat="x in listFather">
                        <div class="list-head" ng-click="oneSelect()"
                             ng-class="{'list-head-highlight':x.select,'head-highlight-reset':x.highlightReset}">
                            <span>
                                <span class="glyphicon glyphicon-pencil"></span>
                                  {{x.name}}
                            </span>
                            <span class="glyphicon"
                                  ng-class="x.select?'glyphicon-chevron-down':'glyphicon-chevron-right'">
                            </span>
                        </div>
                        <ul class="list-child" ng-show="x.select">
                            <li ng-repeat="y in x.listChild | orderBy:num"
                                ng-click="twoSelect()"
                                ng-class="{'list-li-highlight':y.select}"
                                ui-sref="{{y.url}}">
                                {{y.name}}
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

 //初始化手风琴内容
    $scope.listFather = [
        {
            num: 0,
            name: '信息1212管理',
            listChild: [
                {
                    num: 0,
                    name: '公司列表',
                    select: false,
                    url:''
                },
                {
                    num: 1,
                    name: '职位列表',
                    select: false,
                    url:'home.articleList'
                }
            ],
            select: false,
            highlightReset:false
        },
        {
            num: 1,
            name: '后台管理',
            listChild: [
                {
                    num: 0,
                    name: '账号管理',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 1,
                    name: '角色管理',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 2,
                    name: '修改密码',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 3,
                    name: '模块管理',
                    select: false,
                    url:'home.articleList'
                },
                {
                    num: 4,
                    name: 'article列表',
                    select: false,
                    url:'home.articleList'
                }
            ],
            select: false,
            highlightReset:false
        }
    ];

该问题已被官方收录

写了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>

去第页

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