New way of using Http in Angular

app.module.ts

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    HttpClientModule,
  ],
  providers: [],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

app.service.ts

import { HttpClient } from '@angular/common/http';

@Injectable()
export class AppService implements OnInit {

    constructor(private http: HttpClient) {}
    
    ngOnInit(){
        this.appConfig = this.http.get(this.configUrl);
    }
}