2017-02-13 19 views
-4

私は角度2を初めて使用しており、通話サービスの手助けが必要です。ここで角度2のアプリケーションでサービスが呼び出されていません

は私が作ったPlnkrです:

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

Put code here

+1

ようこそStackOverflow。 Plunkerはいいですが、質問には必須の部分が直接含まれるべきです。また、実際の行動と期待される行動が含まれている必要があります。あなたは何を達成しようとしていますか? –

+2

プランナーは実行されていないため、問題を再現することはできません。エディタで 'New'ボタンを使うだけで、最小限のAngular2アプリケーションを使い始めることができます。 –

+0

こんにちは、私はちょうど私のHTMLページにサービスデータを表示したい、サービスはヒットしているがデータを表示することができない –

答えて

0

をまず第一に、あなたはHttpModuleを輸入し、あなたのngModuleに含まれていることを確認してください。

第二に、あなたはあなたの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 
    } 
} 

私はそうのように入ってくるデータをマッピングします:次に

{ 
    "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); 

をたとえば、次のようなユーザーのプロフィールを表示します。{{profile.username}}

ここにはです

+0

ありがとう@AJT、魅力的に働いています。あなたは私の多くの時間を節約しました。 :) ありがとう。 jasonデータをツリー形式で表示する方法はありますか? 私のデータは次のようである: { "API_MODULE": "承認"、 "API_RESOURCE_NAME": ""、 "API_RELATED_MODULE": ""、 "WM_CONCAT": "検索"}、{ "API_MODULE": "ユーザー" 「API_RESOURCE_NAME」:「alternateapproversfor」、「API_RELATED_MODULE」:「users」、「WM_CONCAT(API_CRUD)」:「RETRIEVE」}、「API_MODULE」:「users」、「API_RESOURCE_NAME」:「alternateapprovers」、「API_RELATED_MODULE」: "users"、 "WM_CONCAT(API_CRUD)": "RETRIEVE"} –

+0

問題なく、助けてください! :)これはあなたの問題を解決したので、答えを受け入れることを検討してください:) http://meta.stackexchange.com/a/5235 – Alex

+0

ありがとう@AJT、魅力的なように働いた。あなたは私の多くの時間を節約しました。 :) ありがとう。 jasonデータをツリー形式で表示する方法はありますか? 私のデータは次のようである: { "API_MODULE": "承認"、 "API_RESOURCE_NAME": ""、 "API_RELATED_MODULE": ""、 "WM_CONCAT": "検索"}、{ "API_MODULE": "ユーザー" 「API_RESOURCE_NAME」:「alternateapproversfor」、「API_RELATED_MODULE」:「users」、「WM_CONCAT(API_CRUD)」:「RETRIEVE」}、「API_MODULE」:「users」、「API_RESOURCE_NAME」:「alternateapprovers」、「API_RELATED_MODULE」: "users"、 "WM_CONCAT(API_CRUD)": "RETRIEVE"} –

関連する問題