Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Angular Service erstellen

22.01.2021 (👁382)

 

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

 

 

Or

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