angular.js - ui.router 二级嵌套,一级的可以跳,二级不能
天蓬老师
天蓬老师 2017-05-15 17:11:32
[AngularJS讨论组]

top.html


    
    joyKit


    
    
    

app.js
/**

  • Created by joykit on 2017/1/12.
    */

(function () {

'use strict';
var app = angular.module('app', [
    'ui.router'
]);
app.config(['$stateProvider', '$urlRouterProvider',function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.when('', 'index');
    $stateProvider.state('index',{
        url: '/index',
        templateUrl: 'views/index.html',
        menu: 'index'
    }).state('test',{
        url: '/test',
        templateUrl: 'test.html',
        menu: 'test'
    }).state('test.test2',{
        url: '/test2',
        templateUrl: 'test2.html',
        menu: 'test2'
    });
}]);

})(angular);

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
滿天的星座
parent: 'test'   吗?
phpcn_u1582
<ul class="floatfix wow bounceInRight">
        <li class="nav-item pull-left">
            <a ui-sref="index" class="xh-a-fff">导航1</a>
        </li>
        <!-- /.nav-item -->
        <li class="nav-item pull-left">
            <a ui-sref="test" class="xh-a-fff">导航2</a>
             <ul>
               <li><a ui-sref="test.test2" class="xh-a-fff">erji</a></li>
            </ul>
        </li>
    </ul>
$urlRouterProvider.when('', 'index');
    $stateProvider.state('index',{
        url: '/index',
        templateUrl: 'views/index.html',
        menu: 'index'
    }).state('test',{
        url: '/test',
        templateUrl: 'test.html',
        menu: 'test'
    }).state('test.test2',{
        url: '/test2',
        templateUrl: 'test2.html',
        menu: 'test2'
    });
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号