ui-router嵌套,ui-view = ‘public’显示不出来

1.html

<body>
    <header>
        <ul>
            <li><a ui-sref="task">Task</a></li>
            <li><a ui-sref="product">Product</a></li>
            <li><a ui-sref="about">About</a></li>
            <li><a ui-sref="brain">Brain</a></li>            
        </ul>
    </header>


    <div class="body">
        <aside class="left-aside">
            <div ui-view = 'side'></div>
        </aside>
        
        <section>
            <div ui-view = 'public'></div>//此处显示不出来
        </section>
    </div>

2..

    config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
    $urlRouterProvider.when('', 'task');
    $stateProvider
    .state('task',{
        url:'/task',
        views: {
           'side': {templateUrl: 'tpl/taskSlider.html'},
           
           
        }
    })
    .state('product',{
        url:'/product',
        views: {
           'side': {templateUrl: 'tpl/productSlider.html'},
        }
    })
    .state('task.itell',{  //代码包含在taskSlider.html中 ui-sref='task.itell'
        url: '/itell',
        views: {
            'public': {template: '<h1>为什么我粗不来</h1>'}//此处无效
        }
    })
}])

3 问题: 为什么二级的ui-self task.itell 上配置的内容public上显示不出来

阅读 1.9k
1 个回答

解决了 ,,换了一种方式,吧public的ui-view 放到 每一个小页面的模板里面去了 这样简单多了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题