chatarji Ответов: 0

Как преобразовать объект в 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

Почему вы передаете идентификатор для метода получения всех сотрудников?

0 Ответов