Question

我的家庭观点/州称为家庭，我的三个孩子名字是HomeOne，HomeTwo，HomeThree。在HomeThree下，我试图加载一个视图，这个视图将成为另外两个孩子的孩子。当我点击HomeThree时，我希望用两个标签加载主容器，但是现在当我点击它时，我看到模板网址显示在ui上＆＃39; /app/main.html'而不是内容。请帮助我，这是我第一次使用状态，直到我使用一级嵌套时才清楚

我家的HTML

<ul class="nav navbar-nav">
            <li ng-class="{'active' : header.section == 'app'}">
                <a ui-sref="HomeOne.XXX">
                    <i class="fa fa-list"></i>
                    HomeOne
                </a>
            </li>
            <li ng-class="{'active' : header.section == 'HomeTwo'}">
                <a ui-sref="HomeTwo.XXX">
                    <i class="fa fa-truck fa-flip-horizontal"></i>
                    HomeTwo
                </a>
            </li>
            <li ng-class="{'active' : header.section == 'HomeThree'}">
                <a ui-sref="HomeThree.main">
                    <i class="fa fa-balance-scale"></i>
                    HomeThree
                </a>
            </li>
        </ul>

HomeOne | HomeTwo | HomeThree 主要塔伯恩| TabTwo

主要不会被视为菜单项，它只是TabOne和TabTwo的容器

我无法为此创建状态。我已经尝试了以下代码，每当我点击HomeThree

时

        {
            name: 'HomeThree',
            url: '/HomeThree',
            template: '<ui-view/>',
            abstract: true
        },  
        {
            name: 'HomeThree.main',
            url:'/main',
            templateUrl: '/app/main.html'
        },
        {
            name: 'HomeThree.main.Tabone',
            url:'/Tabone',
            templateUrl: '/app/tabOne.html'
            component: tab  
        }   
        {
            name: 'HomeThree.main.TabTwo',
            url:'/TabTwo',
            templateUrl: '/app/tabTwo.html'

        }

Below is the code for my main.html

<div class="app-nav">
    <ul class="nav nav-tabs">
        <li role="presentation" ui-sref-active="active">
            <a ui-sref="homeThree.main.TabOne">List</a>
        </li>
        <li role="presentation" ui-sref-active="active">
            <a ui-sref="homeThree.main.TabTwo">Test</a>
        </li>
    </ul>
</div>
<div ui-view></div>

ui-router多级嵌套视图

0 个答案: