码迷,mamicode.com
首页 > Web开发 > 详细

angularjs1.x大漠穷秋视频代码

时间:2018-11-23 23:55:07      阅读:397      评论:0      收藏:0      [点我收藏+]

标签:sed   color   item   history   back   his   mis   list   table   

/Downloads/54361bf500012f7400000000/AngularJS/app/UIRoute3.html#/index/usermng/addusertype

<div class="row">
    <div class="col-md-3">
        <div class="row">
            <div class="col-md-12">
                <div class="list-group">
                    <a ui-sref="#" class="list-group-item active">用户分类</a>
                    <a ui-sref="index.usermng.highendusers" class="list-group-item">高端用户</a>
                    <a ui-sref="index.usermng.normalusers" class="list-group-item">中端用户</a>
                    <a ui-sref="index.usermng.lowusers" class="list-group-item">低端用户</a>
                    <a ui-sref="#" class="list-group-item">黑名单</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <button class="btn btn-primary" ng-click="addUserType()">新增用户</button>
            </div>
        </div>
    </div>
    <div class="col-md-9">
        <div ui-view></div>
    </div>
</div>



<div class="row">
    <div class="col-md-12">
        <h3>高端用户列表</h3>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <table class="table table-bordered table-hover table-condensed">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>作品</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td rowspan="2">1</td>
                    <td>大漠穷秋</td>
                    <td>29</td>
                    <td>《用AngularJS开发下一代WEB应用》</td>
                </tr>
                <tr>
                    <td>大漠穷秋</td>
                    <td>29</td>
                    <td>《用AngularJS开发下一代WEB应用》</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>大漠穷秋</td>
                    <td>29</td>
                    <td>《Ext江湖》</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td colspan="2">大漠穷秋</td>
                    <td>《ActionScript游戏设计基础(第二版)》</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

var routerApp = angular.module(‘routerApp‘, [‘ui.router‘]);
routerApp.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise(‘/index‘);
    $stateProvider
        .state(‘index‘, {
            url: ‘/index‘,
            views: {
                ‘‘: {
                    templateUrl: ‘tpls3/index.html‘
                },
                ‘topbar@index‘: {
                    templateUrl: ‘tpls3/topbar.html‘
                },
                ‘main@index‘: {
                    templateUrl: ‘tpls3/home.html‘
                }
            }
        })
        .state(‘index.usermng‘, {
            url: ‘/usermng‘,
            views: {
                ‘main@index‘: {
                    templateUrl: ‘tpls3/usermng.html‘,
                    controller: function($scope, $state) {
                        $scope.addUserType = function() {
                            $state.go("index.usermng.addusertype");
                        }
                    }
                }
            }
        })
        .state(‘index.usermng.highendusers‘, {
            url: ‘/highendusers‘,
            templateUrl: ‘tpls3/highendusers.html‘
        })
        .state(‘index.usermng.normalusers‘, {
            url: ‘/normalusers‘,
            templateUrl: ‘tpls3/normalusers.html‘
        })
        .state(‘index.usermng.lowusers‘, {
            url: ‘/lowusers‘,
            templateUrl: ‘tpls3/lowusers.html‘
        })
        .state(‘index.usermng.addusertype‘, {
            url: ‘/addusertype‘,
            templateUrl: ‘tpls3/addusertypeform.html‘,
            controller: function($scope, $state) {
                $scope.backToPrevious = function() {
                    window.history.back();
                }
            }
        })
        .state(‘index.permission‘, {
            url: ‘/permission‘,
            views: {
                ‘main@index‘: {
                    template: ‘这里是权限管理‘
                }
            }
        })
        .state(‘index.report‘, {
            url: ‘/report‘,
            views: {
                ‘main@index‘: {
                    template: ‘这里是报表管理‘
                }
            }
        })
        .state(‘index.settings‘, {
            url: ‘/settings‘,
            views: {
                ‘main@index‘: {
                    template: ‘这里是系统设置‘
                }
            }
        })
});

 

 

 

angularjs1.x大漠穷秋视频代码

标签:sed   color   item   history   back   his   mis   list   table   

原文地址:https://www.cnblogs.com/zf201149/p/10010240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!