👁‍🗨 Angular Service erstellen

Angular Anleitung ;

Angular Service erstellen

22.01.2021 (👁6773)

Angular Service erstellen:

In diesem Teil wird in Angular ein Service erstellt, welcher auf die Asp.net Core API Daten zugreifen soll

Erstellen des Angular Service

In VS Code Terminal PowerShell

ng generate service services/timerecords

ng g s services/timerecords

Man kann dabei auch schon den Eintrag in der app.Module mit den Optionen übernehmen

*Optional

ng generate service services/timerecords –module=app-module

Danach sind im Verzeichnis /services die .service Dateien

Timerecords.service.ts

Angular .service.ts file

import { Injectable } from '@angular/core';

@Injectable({

providedIn: 'root'

})

export class TimerecordsService {

constructor() { }

}

Eintragen in die App.module.ts

Danach muss man noch in der app.modules.ts unter import die Services Datei einbinden und unter Providers den Service eintragen

Import

import {TimerecordsService } from "./services/timerecords.service";

Providers

providers: [TimerecordsService],

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

import { TimerecordsService } from "./services/timerecords.service";

import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';

import { NavbarComponent } from './components/navbar/navbar.component';

@NgModule({

declarations: [

AppComponent,

NavbarComponent

imports: [

BrowserModule,

AppRoutingModule

providers: [TimerecordsService],

bootstrap: [AppComponent]

})

export class AppModule { }

	Count
Followers	0