Làm sao post in component

#1

Để 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!!!

#2

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

#3

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

#4

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)

#5

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

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) { }
}

#6

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 ^^

#7

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?

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?