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

我有一個用ui路由器設置的父/子方案，我似乎無法讓它「去」。拋出沒有錯誤，並似乎符合這些例子。UI路由器更改URL但不更改模板/控制器

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>

來源

2015-05-08 dkran

是否在您的customers.html中添加了？ –

謝謝，我只是這樣做，它似乎工作，但後退按鈕不再讓我回到以前/客戶的路線。它仍然顯示/編號路線 – dkran

好工作馬克我的答案被接受。對於後退按鈕或歷史記錄，您必須啓用htmls模式。 –

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

來源

2015-05-09 00:59:02

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

回答

相關問題