在Angular 2應用程序中沒有調用服務

-4

我是Angular 2的新手，在調用服務時需要幫助。在Angular 2應用程序中沒有調用服務

這裏是我做了Plnkr：

所有的

https://plnkr.co/edit/wss2Jy41pYyjQUOk47es?p=preview

Put code here

來源

2017-02-13 gatikash bajaj

歡迎來到StackOverflow。 Plunker很好，但問題應該直接包含必要的部分。它也應該包含實際和預期的行爲。你想達到什麼目的？ –

重擊者甚至沒有運行，也不允許重現該問題。您可以使用編輯器中的「New」按鈕來獲得一個完全正常工作的最小的Angular2應用程序。 –

嗨，我只是想顯示在我的HTML頁面上的服務數據，服務正在打但不能顯示數據 –

首先，確保你有進口，包括在您ngModule的HttpModule。

其次，你不能顯示你的profile就像：

{{profile}}

，因爲您的個人資料有一個像username等

性質，否則你的代碼看起來不錯。由於您的JSON是這樣的：

{ 
    "profile": 
    { 
     "username":"eric", 
     "bio":"Cofounder of Thinkster.io, kinda looks like Peeta from the Hunger Games", 
     "image":"http://i.imgur.com/S66L2XZ.jpg", 
     "following":false 
    } 
}

我將映射輸入數據，像這樣：

.map((res: Response) => res.json().profile);

所以你得到一個整潔的對象一起工作：

{ 
    "username": "eric", 
    "bio": "Cofounder of Thinkster.io, kinda looks like Peeta from the Hunger Games", 
    "image": "http://i.imgur.com/S66L2XZ.jpg", 
    "following": false 
}

然後你就可以顯示您的個人資料，例如：{{profile.username}}

這是plunker

來源

2017-02-13 08:00:40 Alex

謝謝@AJT，工作就像一個魅力。你節省了我很多時間。 :) 非常感謝。有沒有什麼方法可以顯示樹形格式的jason數據？我的數據是這樣的： { 「API_MODULE」：「審批」，「API_RESOURCE_NAME」：「」，「API_RELATED_MODULE」：「」，「WM_CONCAT」：「檢索」}，{ 「API_MODULE」：「用戶」「API_RESOURCE_NAME」：「alternateapproverfor」，「API_RELATED_MODULE」：「用戶」，「WM_CONCAT（API_CRUD）」：「RETRIEVE」}，{ 「API_MODULE」：「用戶」，「API_RESOURCE_NAME」：「alternateapprovers」，「API_RELATED_MODULE」：「users」，「WM_CONCAT（API_CRUD）」：「RETRIEVE」} –

沒問題，樂意幫忙！ :)由於這解決了你的問題，請考慮接受答案:) http://meta.stackexchange.com/a/5235 – Alex

在Angular 2應用程序中沒有調用服務

回答

相關問題