01/10/2018, 16:13

Làm sao post in component

Để thực hiện câu lệnh post trong app.component

      on_post(){
    //alert("on_post()");
    var url="http://localhost/xxx/index.php/angular5/test";
    var data={ten:"thuc"};
    this.http.post(url+"/test_post",data)
      .subscribe(
        res => {
          //console.log(res);
          this.o=res;
        },
        err => {
          console.log('Error occured');
        }
      );
  }

chúng ta cần dùng

import { HttpClientModule } from ‘@angular/common/http’;

HttpClientModule,

Vậy muốn post trong một new-component ta phải làm sao? ACE nào biết chỉ giúp với!
thousands thks!!!

H20 viết 18:27 ngày 01/10/2018

làm tương tự thôi bạn

Thuc Nguyen Tan viết 18:26 ngày 01/10/2018

ERROR in src/app/new-cmp/new-cmp.component.ts(14,30): error TS2304: Cannot find name ‘HttpClient’.

Thuc Nguyen Tan viết 18:22 ngày 01/10/2018

Phải tự xử thôi:
Để sử dụng post get
Trong app.module phải có

       import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';//1. Phải quất thằng này vào
import { FormsModule } from '@angular/forms'; // <-- NgModel lives here
import { AppComponent } from './app.component';
import { NewCmpComponent } from './new-cmp/new-cmp.component';
@NgModule({
  declarations: [
    AppComponent,
    NewCmpComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,//for NgModel
    HttpClientModule,//2. Phải quất thằng này vào

  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
  1. sử dụng trong app (componet.ts)
    import { HttpClient } from ‘@angular/common/http’;
    2.Sử dụng trong new component (componet.ts)
    import { HttpClient } from ‘@angular/common/http’;

uh, ra là thế.(Khá là khó nhớ!!! angular X ôi)

H20 viết 18:23 ngày 01/10/2018

Đúng rùi, cách import HttpClientModule cũng giống import những module khác trong angular
Trong app module:

imports: [
BrowserModule,
FormsModule,//for NgModel
HttpClientModule,//2. Phải quất thằng này vào

],

Trong trường hợp project chia nhiều module thì xài trong module nào,có thể import vào module đó thôi. Không nhất thiết cứ phải import trong app module.
Rùi component nào xài thì cần inject httpService vào contructor rùi xài.

constructor(private http: HttpClient) { }
}

H20 viết 18:26 ngày 01/10/2018

uh, ra là thế.(Khá là khó nhớ!!! angular X ôi)

Bác cứ từ từ tìm hiểu, angular very powerful
bây giờ angular 6 ùi
Bác nâng cấp lên angular6 luôn đi ^^

Thuc Nguyen Tan viết 18:15 ngày 01/10/2018

Muốn xài post trong app.module chí ít phải có

import { HttpClientModule } from ‘@angular/common/http’;//1. Phải quất thằng này và
HttpClientModule,//2. Phải quất thằng này vào

Phát biểu thế có đúng không?

Bài liên quan
0