Sử dụng ui-sref của Ui-Router Chỉ cần đặt Params truy vấn

Question

Tôi có liên kết sau.

<a ui-sref="...">Clicking this adds ?test=true to the query params.</a> 

Có cách nào để sử dụng thuộc tính ui-sref để chỉ thay đổi thông số truy vấn mà không tải lại trang hoặc chuyển hướng đến một hàm khác không?

Answer 1

Bạn có thể làm điều đó bằng cách chuyển các đối số với trạng thái.

thử: -

<a ui-sref="yourStateName({test:true})">Clicking this adds ?test=true to the query params.</a> 

Usage:

ui-sref = 'stateName' - Điều hướng đến trạng thái, không params. 'stateName' có thể là bất kỳ trạng thái tuyệt đối hoặc tương đối hợp lệ nào, tuân theo cùng các quy tắc cú pháp như $ state.go()

ui-sref = 'stateName ({param: value, param: value})' - Điều hướng đến trạng thái , với thông số.

Answer 2

Kết hợp với câu trả lời của PSL, để tránh làm mới khi thiết lập trạng thái, chỉ cần sử dụng thuộc tính reloadOnSearch: false.

.state('myState', { 
     url: '/myState?test', 
     reloadOnSearch : false, 
     ... 
    }) 

Miễn là các truy vấn của bạn sẽ diễn ra trong cùng trạng thái này.

Answer 3

Chỉ cần xác định tên của params truy vấn trong url bang

$stateProvider.state('posts', { 
    url: '/posts?test&answer', 
    views: { 
     content: { 
     templateUrl: 'templates/posts/index', 
     controller: 'PostsController' 
     }, 
     navbar: { 
     templateUrl: 'templates/partials/navbar' 
     } 
    } 
    }) 

Và sử dụng như thế này

<a ui-sref="posts({test: true, answer: false})">Next Page</a> 

Tôi đang sử dụng phiên bản ui-router 0.2.15