2017-08-23 43 views
0

我試圖從我的一個組件使用http.get獲取html內容,這是我的代碼。Angular 2,使用http.get和路由作爲url獲取html內容

let myRoute = 'http://localhost/mycomponent' 
let response = this.http.get(myRoute).map(res => res.text()) 
    response.subscribe( 
     res => console.log(res) 
    ) 

我總是得到這樣的:GET http://localhost/mycomponent 404(未找到),但myRoute是有效的路由,如果我從控制檯複製的價值和它的作品的瀏覽器粘貼。

+0

您是否試圖獲取模板文件的HTML /文本內容來解析它或對它做些什麼?我對你要做的事感到困惑。它們在瀏覽器中顯示的URL並不總是轉化爲實際的文件路徑,對於像Angular這樣的單頁應用程序,它們幾乎從不這樣做,因爲Angular Router使用Location服務動態地重寫URL。 – diopside

回答

0

我不確定我明白你想完成什麼。

需要http.get才能從後端服務器獲取數據。該後端服務器將具有ASP.NET或PHP或node.js中的代碼。您無法使用該語法調用Angular組件。

如果您只是想將數據從一個組件傳遞到下一個組件,那麼可以採用多種方法來實現這一點,包括使用路由參數和構建服務。

要導航到另一條路線,請使用routerLink指令或this.router.navigate()

考慮通過角度教程https://angular.io/tutorial來更好地理解角度路由和數據檢索如何工作。