Cách truy cập API bằng Angular 2?

Question

Tôi muốn có thể điều hướng bên ngoài ứng dụng Angular 2 của mình tới mywebsite.com/api. Điều này sẽ đưa tôi đến một ứng dụng API được lưu trữ trong cùng một máy chủ.

Đây là thiết lập tuyến đường hiện tại của tôi.

export const routes: Routes = [ 
    {path: '', redirectTo: '/home', pathMatch: 'full'}, 
    {path: 'home', component: HomeComponent}, 
    {path: 'registration', component: RegistrationComponent}, 
    {path: '**', redirectTo: '/home', pathMatch: 'full'} 
]; 

Làm cách nào để loại trừ đường dẫn vì tôi không cần thành phần hoặc mẫu cho nó?

Answer 1

Trong angular2 bạn sẽ làm api cuộc gọi bằng cách sử dụng http docs here,

import { Http, Response, Headers } from '@angular/http'; 

export class ProfileComponent implements OnInit { 

    constructor(private router: Router, private auth: Auth, private http: Http ) { } 

    private personalSubmit() { 
     let headers = new Headers(); 
     headers.append('Content-Type', 'application/json'); 
     return this.http 
     .post('http://localhost:4200/api/apiEndpointURL', 
     this.personal, 
     { headers: headers }) 
     .map((res:Response) => res.json()) 
     .subscribe((res)=>{ 
      //do something with the response here 
      console.log(res); 
     }); 
    } 

Đây là một ví dụ về việc dán một hình thức. Các giá trị trong biểu mẫu là post và phản hồi là console.log đến terminal trong trường hợp này. Đây là một ví dụ làm việc với đầu cuối của node.js. Tôi không chắc chắn những gì sẽ cần phải được thay đổi cho php nhưng cuối cùng bạn sẽ cần http package. Điều duy nhất là bạn có thể cần phải thay đổi loại ứng dụng tùy thuộc vào những gì bạn đang quay trở lại.

Tôi tin cho php bạn sử dụng như các loại ứng dụng,

headers.append('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 

tôi thấy ane xample cho php sử dụng