Angular:
this vermeiden
Wieso muss ich immer this.xxx verwenden in einer
Angular.component.ts oder service.ts
Wenn man die Variable IN die CLASS schreibt, dann muss man die
Variable in den den Unterfunktionen mit this. wieder holen
|
import { HttpClient } from
'@angular/common/http';
import { Injectable } from
'@angular/core';
import { Observable } from
'rxjs';
import { environment } from
'src/environments/environment';
import { User } from '../models/user';
//const
api_url = environment.apiUrl + "/Auth";
@Injectable({
providedIn: 'root'
})
export class AuthService {
//*opens webapi and gets data
private api_url = environment.apiUrl + "/Auth";
constructor(private http: HttpClient) { } //*inject web-api caller
public register(user: User): Observable<any> {
return this.http.post<any>(
this.api_url + "/register"
//api_url+
"/register"
,user
)
|
Wenn es globale Konstanten sind, dann man man sie ausserhalb
der CLASS eintragen und dann direkt aufrufen
Beispiel
|
import { HttpClient } from
'@angular/common/http';
import { Injectable } from
'@angular/core';
import { Observable } from
'rxjs';
import { environment } from
'src/environments/environment';
import { User } from '../models/user';
const url_Api_Auth = environment.apiUrl + "/Auth";
@Injectable({
providedIn: 'root'
})
export class AuthService {
//*opens webapi and gets data
//private api_url = environment.apiUrl
+ "/Auth";
constructor(private http: HttpClient) { } //*inject web-api caller
public register(user: User): Observable<any> {
return this.http.post<any>(
//this.api_url +
"/register"
url_Api_Auth+
"/register"
,user
)
}
|