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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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

该问题已被官方收录

动态设置select的选项值，无效

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.startAt=$scope.inputData.startAt;
$scope.endAt=$scope.inputData.endAt;
console.log($scope.inputData.type);
$scope.selectedType=myConstant.types.type4;//使用常量中的数据
console.log($scope.selectedType);
$scope.selectedState=$scope.inputData.status;//使用会话存储中的数据

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

该问题已被官方收录

angular2 如何发送HTTP请求

0

1

$http

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

怎样使用angular路由

0

1

angular router angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如图

该问题已被官方收录

关于ng-router和ui-router

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ng-router
<html>
    <head>
        <meta charset="utf-8">
        <title>AngularJS 路由实例 - 菜鸟教程</title>
    </head>
    <body ng-app='routingDemoApp'>
     
        <h2>AngularJS 路由应用</h2>
        <ul>
            <li><a href="#/">首页</a></li>
            <li><a href="#/computers">电脑</a></li>
            <li><a href="#/printers">打印机</a></li>
            <li><a href="#/blabla">其他</a></li>
        </ul>
         
        <div ng-view></div>
        <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
        <script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
        <script>
            angular.module('routingDemoApp',['ngRoute'])
            .config(['$routeProvider', function($routeProvider){
                $routeProvider
                .when('/',{template:'这是首页页面'})
                .when('/computers',{template:'这是电脑分类页面'})
                .when('/printers',{template:'这是打印机页面'})
                .otherwise({redirectTo:'/'});
            }]);
        </script>
     
     
    </body>
</html>
关于ui-router
<ul>
   <li><a ui-sref="index">首页</a></li>
   <li><a ui-sref="fruit">水果</a></li>
   <li><a ui-sref="vegetable">蔬菜</a></li>
 </ul>
angular.module('myapp',['ui.router'])
.config(function($stateProvider,$urlRouterProvider){
    $urlRouterProvider.otherwise('/index');
    $stateProvider.state('fruit',{
       url:'/fruit',
       templateUrl:'fruit.html'
    })
    .state('vegetable',{
        url:'/vegetable',
        templateUrl:'vegetable.html'
    })
    .state('index',{
        url:'/index',
        template:'<h2>这是首页</h2>'
    });
});

该问题已被官方收录

如何使用ui-router搭建一个可以运行的view界面？

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var myApp = angular.module("myApp", ['ui.router']);

myApp.config(function ($stateProvider, $urlRouterProvider) {

     $urlRouterProvider.when("", "/PageTab");

     $stateProvider
        .state("PageTab", {
            url: "/PageTab",
            templateUrl: "PageTab.html"
        })
        .state("PageTab.Page1", {
            url:"/Page1",
            templateUrl: "./Page-1.html"
        })
        .state("PageTab.Page2", {
            url:"/Page2",
            templateUrl: "./Page-2.html"
        })
        .state("PageTab.Page3", {
            url:"/Page3",
            templateUrl: "./Page-3.html"
        });
});

今天测试vue的基本模板语法时出现了一个结构问题

1

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="app">
    <table>
      <item></item>
      <item></item>
      <item></item>
      <item></item>
    </table>
  </div>
  <script>
    Vue.component('item', {
      template: '<tr><td> {{content}}</td></tr>',
      data: function () {
        return {
          content: "测试"
        }
      }
    })
    var vm = new Vue({
      el: '#app',
      data: {

      }
    })
  </script>

获取不到第二页page

1

1

angular内置指令和方法 angular router angular model angular view $http js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

listModul: any = {
    title: '',
    author: '',
    startAt: 0,
    endAtr: 0,
    type: 0,
    status: 0,
    page: 0,
    size: 0,
    total: 0,
    list: [],
  };

复选框的全选后下一页不全选

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

'use strict';
angular.module('admin')
    .controller('handoverStudentCtrl', ['$state', 'userService', '$rootScope', 'checkboxArray', materialListCtrl]);
function materialListCtrl($state, userService, $rootScope, checkboxArray) {
    var vm = this;

    //2018.06.05
    vm.allChecked = JSON.parse(sessionStorage.getItem('all'));

    var userId = JSON.parse(sessionStorage.getItem('userId'));
    if (userId === null || userId === undefined) {
        var userId = [];
    }
    console.log(userId);
    //2018.06.05

    vm.id = $state.params.id;
    vm.name = $state.params.name;
    vm.type = "move";
    vm.params = {
        page: $state.params.page||1,
        size: $state.params.size||10
    };

    //获取用户师弟列表
    var uids = [];
    vm.get = function(){
        vm.promise = userService.studentList(vm.id, vm.params);
        vm.promise.then(function (res) {
            if (res.data.code == 0) {
                vm.totalPage = res.data.totalPage;
                vm.data = res.data.data.users;
                if (vm.allChecked) {
                    vm.data = checkboxArray.checkAllOrNot(vm.data, vm.allChecked);
                    vm.push();
                }
            } else {
                $rootScope.alert(res.data.message);
            }
        });
    }
    vm.get();

    
    // 单选
    vm.check = function (li) {
        li.$checked = !li.$checked;
    };
    
    
    // 全选
    vm.checkAll = function (isChecked) {
        vm.data = checkboxArray.checkAllOrNot(vm.data, isChecked);
        sessionStorage.setItem('all',JSON.stringify(vm.allChecked))
    };

    //阻止冒泡
    vm.preventCheck = function (e) {
        if (e && e.stopPropagation) {//非IE浏览器
            e.stopPropagation();
        }
        else {//IE浏览器
            window.event.cancelBubble = true;
        }
    };

    console.log(vm.teacherTypeList)


    //移交师弟
    vm.push = function push(){
        var uids = [];
        angular.forEach(vm.data, function (item, index) {
            if (item.$checked) {
                uids.push(item.id);
            }
            console.log(uids);
        });
    }
    vm.handover = function () {
        
        if (vm.allChecked) {
            vm.params = {
                page: $state.params.page||1,
                size: 255
            }
            vm.get(uids);
        } else {
            vm.push();
        }
        // function push(){
        //     angular.forEach(vm.data, function (item, index) {
        //         if (item.$checked) {
        //             uids.push(item.id);
        //         }
        //         console.log(uids);
        //     });
        // }
        

        $rootScope.confirm("确定移交师弟吗？", function () {
            userService.handoverStudent(vm.type, vm.uid, uids).then(function (res) {
                if (res.data.code == 0) {
                    $rootScope.alert("移交成功!", function () {
                        $state.go($state.current, {id: vm.id, name: vm.name}, {reload: true})
                    });
                } else {
                    $rootScope.alert(res.data.message);
                }
            })
        });
    }
}

在使用日期过滤器的时候出现了问题，列表显示的时间是12小时制，而不是24小时？

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="list" ng-controller="ListCtrl">
    <div class="title">
        <form class="form-inline">
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">标题</label>
                <input type="text" class="form-control" ng-model="title" id="exampleInputName2">
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputEmail2">创建者</label>
                <input type="text" class="form-control" ng-model="author" id="exampleInputEmail2">
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">修改时间</label>
                <input type="text" ng-click="open1()" ng-model="startAt" class="form-control" uib-datepicker-popup
                    is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" clear-text="清空"
                    current-text="今天" close-text="关闭" />
            </div>
            <div class="liner"></div>
            <div class="form-group form-ctrl">
                <input type="text" ng-click="open2()" ng-model="endAt" class="form-control" uib-datepicker-popup
                    is-open="popup2.opened" datepicker-options="dateOptions" ng-required="true" clear-text="清空"
                    current-text="今天" close-text="关闭" />
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">状态</label>
                <select class="form-control" ng-model="status" ng-options="v.id as v.name for v in a_data" ng-change="a_change(a)">
                    <option value="">全部</option>
                </select>
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">类型</label>
                <select class="form-control" ng-model="type" ng-options="v.id as v.name for v in b_data" ng-change="b_change(b)">
                    <option value="">全部</option>
                </select>
                <button type="button" class="btn btn-success" ng-click="search()">搜索</button>
                <button type="button" class="btn btn-danger" ng-click="empty()">清空</button>
            </div>
        </form>
    </div>
    <div class="article">
        <div class="top">
            <span>Article列表</span>
            <button type="button" class="btn btn-success btn-xs" ng-click="added()">+新增</button>
        </div>
        <table class="table table-hover">
            <tbody>
                <tr class="thead">
                    <th>序号</th>
                    <th>图片</th>
                    <th>标题</th>
                    <th>类型</th>
                    <th>创建者</th>
                    <th>创建时间</th>
                    <th>修改时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                <tr class="thead" ng-repeat="tab in tabs">
                    <th ng-bind="$index + 1"></th>
                    <th><img src="{{tab.img}}" width="50px"></th>
                    <th>{{tab.title}}</th>
                    <th>{{tab.type | typeFilter}}</th>
                    <th>{{tab.author}}</th>
                    <th>{{tab.createAt | date:"yyyy/MM/dd      hh:mm:ss"}}</th>
                    <th>{{tab.updateAt | date:"yyyy/MM/dd      hh:mm:ss"}}</th>
                    <th>{{tab.status | statusFilter}}</th>
                    <th>
                        <button type="button" class="btn btn-success btn-xs" ng-click="online()">{{btnStatus()}}</button>
                        <button type="button" class="btn btn-info btn-xs" ng-click="edit()">编辑</button>
                        <button type="button" class="btn btn-danger btn-xs" ng-click="delete()">删除</button>
                    </th>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="pages">
        <div>
            <span>每页显示</span>
            <input class="form-control input-sm" ng-model="size" type="text">
            <span>条</span>
        </div>
        <ul uib-pagination ng-change="pageChange()" total-items="bigTotalItems" ng-model="bigCurrentPage"
            boundary-link-numbers="false" items-per-page="size" first-text="第一页" previous-text="上一页" next-text="下一页"
            last-text="最后页" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false"></ul>
        <div>
            <span>去第</span>
            <input class="form-control input-sm" ng-model="page" type="text">
            <span>页</span>
        </div>
        <button type="button" class="btn btn-default" ng-click="sizeGo()">确认</button>
    </div>
</div>

去第页

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