Как преобразовать объект в JSON-массив множественные реакции в угловых 2
I'm completely new for angularjs2 platform. while i'm implementing the get method so I can get the product.From WebApi i'm getting the Json like below:
{"PersonalInfolistModel": [{ "EmployeeCode":"1116", "EmployeeName":"B Rama Krishna Reddy", "EmployeeDesignation":"SCIENTIST 'E'", "Salary":"50000" }], "Address":[{ "Address1":"1116", "Address2":"B Rama Krishna Reddy", "Address3":"SCIENTIST 'E'" }] }
How can we import this service in Angular and show in HTML page?
Что я уже пробовал:
я попробовал, как показано ниже
моя служба
import { Injectable } from '@angular/core'; import { IEmployeePersonalInformation } from './PersonalInforamtion'; import { Observable } from 'rxjs/observable'; import { Http, Response } from '@angular/http'; import 'rxjs/add/operator/map'; @Injectable() export class EmployeeService { constructor(private _http: Http) { } getEmployees(): Observable<IEmployeePersonalInformation> { return this._http.get("http://localhost:4185/api/PersonalInformation/1116") .map((response: Response) => <IEmployeePersonalInformation>response.json()) } }
мой компонент
import { Component, Input, OnInit } from '@angular/core'; import { IEmployeePersonalInformation } from './PersonalInforamtion'; import { EmployeeService } from './PersonalInformationService'; @Component({ selector: 'list-employee', templateUrl: 'app/PersonalInformation/PersonalInformation.component.html', styleUrls:['app/PersonalInformation/PersonalInformation.css'], providers: [EmployeeService] }) export class EmployeeListComponent implements OnInit { employees: IEmployeePersonalInformation; // Inject EmployeeService using the constructor // The private variable _employeeService which points to // EmployeeService singelton instance is then available // throughout this class constructor(private _employeeService: EmployeeService) { } ngOnInit() { this._employeeService.getEmployees() .subscribe((employeeData) => this.employees = employeeData); } }
если у меня есть один список json single array, то код работает, но если у меня есть несколько массивов json, например
PersonalInfolistModelи
Address
код не работает
Christian Graus
Ваша модель должна соответствовать вашим объектам. Вам нужно дать нам класс объекта и определить "не работает", если вы хотите получить подробные ответы.
Christian Graus
Почему вы передаете идентификатор для метода получения всех сотрудников?