Добрый день. Есть приложение на Angular. Я принимаю данные из api в JSON. Нужно сделать так, чтобы при нажатии кнопки, собирать данные по всем тэгам и отправлять.
import { Component, OnInit, Input, Output, Inject } from '@angular/core';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css'],
template: `
<div id="services" class="scrollto clearfix">
<div class="row no-padding-bottom clearfix">
<div class="col-3" *ngIf="dataLoaded">
<app-first-name [data]="data.firstname"></app-first-name>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-second-name [data]="data.lastname"></app-second-name>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-patronymic-name [data]="data.middlename"></app-patronymic-name>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-datepicker [data]="data.birth_date"></app-datepicker>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-login-name [data]="data.login"></app-login-name>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-main-position [data]="data.position_name"></app-main-position>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-radio-sex [data]="data.sex"></app-radio-sex>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-personnel-number [data]="data.service_number"></app-personnel-number>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-state-name [data]="data.current_state"></app-state-name>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-date-of-entry [data]="data.hire_date"></app-date-of-entry>
</div>
<div class="col-3" *ngIf="dataLoaded">
<app-subdivision-name [data]="data.unit"></app-subdivision-name>
</div>
<div class="col-3" *ngIf="dataLoaded">
<button mat-button (click)="getMe(1)">Отправить</button>
</div>
</div>
</div>
`
})
export class HomeComponent implements OnInit {
data: string[];
dataLoaded:boolean = false;
HttpClient: any;
constructor( private http: HttpClient ) {}
getMe( param ) {
this.http.post('http://as-msk-n7057:8101/api/angular/v1/$.html', {
func: 'getme'
})
.subscribe(
(data:any) => {
this.data = data[0] as string[];
this.dataLoaded = true;
console.log(data, param);
},
(err: HttpErrorResponse) => {
console.log(err.message);
}
);
}
ngOnInit() {
this.http.get('http://xxxxxxx/api/angular/v1/$.html?func=getme').subscribe(
data => {
this.data = data[0] as string[];
this.dataLoaded = true;
console.log(data);
//return this.http.post('http://xxxxx/api/angular/v1/$.html?func=getme',data);
},
(err: HttpErrorResponse) => {
console.log(err.message);
}
);
}
}
