我使用angular2.0.0-beta.7。將組件加載到/path?query=value1重定向到的路徑上時(shí)/path。為什么要刪除GET參數(shù)？如何保存參數(shù)？我在路由器中有錯(cuò)誤。如果我有像這樣的主要路線@RouteConfig([ { path: '/todos/...', name: 'TodoMain', component: TodoMainComponent }])和我的孩子一樣的路線@RouteConfig([ { path: '/', component: TodoListComponent, name: 'TodoList', useAsDefault:true }, { path: '/:id', component: TodoDetailComponent, name:'TodoDetail' }])然后我無法在TodoListComponent中獲取參數(shù)。我能得到params("/my/path;param1=value1;param2=value2") 但我想要經(jīng)典query params("/my/path?param1=value1¶m2=value2")
3 回答
忽然笑
TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊
通過注入一個(gè)實(shí)例，ActivatedRoute可以訂閱各種可觀察對象，包括a queryParams和paramsobservable：
import {Router, ActivatedRoute, Params} from '@angular/router';
import {OnInit, Component} from '@angular/core';
@Component({...})
export class MyComponent implements OnInit {
constructor(private activatedRoute: ActivatedRoute) {}
ngOnInit() {
// Note: Below 'queryParams' can be replaced with 'params' depending on your requirements
this.activatedRoute.queryParams.subscribe(params => {
const userId = params['userId'];
console.log(userId);
});
}
}
關(guān)于取消訂閱的說明
@Reto和@ codef0rmer非常正確地指出，根據(jù)官方文檔，在這種情況下unsubscribe()，組件onDestroy()方法內(nèi)部是不必要的。這已從我的代碼示例中刪除。（參見本教程中的藍(lán)色警告框）
- 3 回答
- 0 關(guān)注
- 978 瀏覽
添加回答
舉報(bào)
0/150
提交
取消