반응형
Angular를 사용하여 URL에 검색 매개 변수를 추가하는 방법JS UI 라우터 .go()?
UI-Router's를 사용할 때 URL에 검색 파라미터를 추가하는 방법이 있습니까?$state.go()
? 동일한 설정으로 새 경로를 정의하는 대신 URL에 추가 정보가 포함된 정의된 상태를 사용합니다.
심플한 뷰가 정의되어 있습니다.
.when('page-with-form', {
template: 'views/page-with-form.html',
url: '/page-with-form'
})
누군가가 로 이동할 때 루트가 정상적으로 작동하기를 원합니다./page-with-form
그러나 어플리케이션에 추가 정보와 함께 사용자를 해당 루트로 리다이렉트할 수 있는 다른 것이 있는 경우/page-with-form?error=true
아마 이렇게 될 겁니다.
$state.go('page-with-form', '?error=true');
이 방법은 다음과 같은 방법으로 해결할 수 있습니다.ui-router
- 작업 예시
$stateProvider
.state('MyState', {
url: '/page-with-form?error',
templateUrl: 'view.page-with-form.html',
controller: 'MyCtrl',
})
이 상태로의 네비게이션은 다음과 같습니다.
// href
<a href="#/page-with-form">
<a href="#/page-with-form?error=true">
<a href="#/page-with-form?error=false">
//ui-sref
<a ui-sref="MyState({error:null})">
<a ui-sref="MyState({error:true})">
<a ui-sref="MyState({error:false})">
// state.go() - in fact very similar to ui-sref directive
$state.go('MyState', {error: null})
$state.go('MyState', {error: true})
$state.go('MyState', {error:false})
URL 매개 변수에 대한 문서:
- 쿼리 파라미터 (작은 인용구)
파라미터는 '?' 뒤에 이어지는 쿼리 파라미터로 지정할 수도 있습니다.
url: "/contacts?myParam"
// will match to url of "/contacts?myParam=value"
여기서 동작 테스트
제가 알기로는, 당신은 선택적 쿼리 파라미터를 찾고 있습니다.다행히 쿼리 파라미터는 기본적으로 옵션입니다.시험해 보세요:url: '/page-with-form?error'
.when('page-with-form', {
template: 'views/page-with-form.html',
url: '/page-with-form?error'
});
그리고 사용$state.go('page-with-form', {error:true});
언급URL : https://stackoverflow.com/questions/21923582/how-to-add-search-parameter-to-the-url-using-angularjs-ui-router-go
반응형
'sourcetip' 카테고리의 다른 글
프로덕션 빌드의 Create-React-App 프록시 (0) | 2023.02.09 |
---|---|
Wordpress: WP_커스텀 투고 타입으로 검색 조건을 적용하는 방법을 문의합니다. (0) | 2023.02.09 |
Object.values를 typescript와 함께 사용하는 방법 (0) | 2023.02.09 |
Angular 어플리케이션에서의 메모리 누전 저감/제거 방법 (0) | 2023.02.09 |
스프링 부트를 사용한 json 출력의 날짜 형식 (0) | 2023.02.09 |