使用ui路由器手動更改角度狀態

Question

我的應用程序中有一個搜索欄。 每當用戶進行搜索時，我都希望狀態更改為/#/search/:query

為此，我將以下函數附加到作用域，並在進行查詢時觸發它：

this.searchItem = function searchItem(item) {
  $state.go('#/search/' + item)
}

但是，這導致以下錯誤：

Error: Couldn't resolve '#/search/query' from state (current state) at object.transition.To

我的代碼有什么問題？ 如何在不使用ui-router錨的情況下更改狀態？

非常感謝

Answer 1

當您需要傳遞州名時，您將傳遞一個URL。 有關示例，請參見ui-router Wiki 。

Answer 2

傳遞狀態名稱而不是URL。

this.searchItem = function searchItem(item) {
  $state.go('search', {
    keyword: item
  });
}

假設您的路由中有此狀態配置。

$stateProvider.state('search', {
  url: '/search/:keyword'
})

您可以在這里和這里查看我的樣本倉庫