UI路由器更改URL但不更改模板/控制器

Question

我有一个使用ui路由器设置的父/子方案，我似乎无法让它“去”。不抛出任何错误，似乎符合这些例子。

app.config.js：在$stateProvider

下

    .state('customers', {
      url:'/customers',
      templateUrl: 'app/customers/customers.html',
      controller: 'customerCtrl'
    })
    .state('customers.detail', {
    url: '/:id',
    parent: 'customers',
    templateUrl: 'app/customers/detail/detail.html',
    controller: 'customerDetail'
    })

我有这两条路线。

customerCtrl.js：

$scope.rowDblClick = function(row){
    $state.go('customers.detail', {id: row.entity.customer_id})
}

以及我ui-grid功能中的双击功能。我可以让它加载不是儿童路线，但作为一个孩子，它非常生气。

<div ui-view>
     <div class="routeHeader">
       Customer Listing
     </div>
     <button class="button-small newCustomer" ng-click="newCustomer()">New Customer</button>
     <div class="row">
       <div class="large-12 cols" ui-grid="gridOptions" ui-grid-selection>

       </div>
     </div>
   </div>

Answer 1

在您的customers.html文件中添加<ui-view >。