在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应用程序中没有调用服务

回答

相关问题