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上显示不出来
解决了 ,,换了一种方式,吧public的ui-view 放到 每一个小页面的模板里面去了 这样简单多了