Question

如何在<ng view></ng-view>中添加视图，我将拥有多个模板，因此我无法使用ng-include src=""添加一个模板它仅在不同的链接中显示内容，但不使用ng-view

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

我的stateprovider

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' }
  });
});

Answer 1

AngularJS标准$route和$routeProvider与ui-router $state和$stateProvider不兼容。

使用ui-view，然后使用ui-router docs https://github.com/angular-ui/ui-router/wiki

使用ng-view显示stateprovider模板

1 个答案: