將查詢字符串從index.html傳遞到Angular2組件

我需要一些幫助來訪問Angular2組件中index.html的查詢字符串。我按照這個鏈接，但它並沒有爲我 link 將查詢字符串從index.html傳遞到Angular2組件

我的index.html工作

<!doctype html> 
<html> 
<head> 
    <base href="/"> 
    <!-- css importd --> 
</head> 
<body> 
    <app-root>Loading .. </app-root> 
</body> 
</html>

app.component.ts

... 
public constructor(private activatedRoute:ActivateRoute) {} 
ngOnInit() { 
    this.activateRoute.queryParams.subscribe((params:Params) => { 
     console.log(params['code']); 
    }); 
}

而且我調用URL http://localhost:8080/?code=test

來源

2017-05-10 Nuthan Kumar

我沒有跟着你..我怎麼可以設置模板查詢參數..？他們即將到來的網址。謝謝 –

對不起，我想看看你的HTML代碼通過queryparams –

更新了HTML代碼。其非常簡單的文件 –

試試這個： -

this.activateRoute.queryParams.subscribe(queryParams => 
console.log(queryParams['code']); 
);

添加到您的html代碼是： -

<router-outlet></router-outlet>

來源

2017-05-10 05:53:54

沒有運氣，我更改了模板以使用 –

試試這個：

constructor(private route: ActivatedRoute) { } 

ngOnInit() { 
    // get param 
    let paramcode = this.route.snapshot.queryParams["code"]; 
}

來源

2017-05-10 16:33:42

不適合我 –

將查詢字符串從index.html傳遞到Angular2組件

回答

相關問題