Angularjs 使用ng视图显示stateprovider模板

如何在

中包含视图，我将有多个模板，因此我不能使用

ng include src=“”

它仅在不同的链接中显示内容，但不使用

ng视图

 <ul class="nav">
        <li><a href="#/inventory/list">list view</a></li>
    </ul>
<ng-view></ng-view> 

---

AngularJS标准

$route

和

$routeProvider

与

用户界面路由器

和

$stateProvider

不兼容

使用

ui视图

并浏览

ui路由器

docs

app.config(function config( $stateProvider) {
  $stateProvider.state('inventory',{
    url:'/inventory',
        views: {
            "main": {
                controller: 'InventoryCtrl',
                templateUrl: 'inventory/main.tpl.html'
            }
        },
        data:{ pageTitle: 'Inventory' }
  }
  ).state('add',{
    url:'/inventory/list',
        views: {
            "main": {
                controller: 'InventoryCtrl',
                templateUrl: 'inventory/list.tpl.html'
            }
        },
        data:{ pageTitle: 'List field' }
  });
});