Ich mache eine einfache Mean-Stack-App mit Angular 5. Ich weiß, dass mein Code nicht so performant ist und keine Best Practices verwendet. Dieser Code ist meine Typescript-Datei für eine Produktliste. Ich möchte nur, dass meine Produkte anzeigen, wo das Feld "Benutzer" in den Sammlungsprodukten dem eingeloggten Benutzer entspricht.Listenoperationen mit Angular 5
Im Moment zeigt es alle meine Produkte an, egal welcher Benutzer angemeldet ist. Ich arbeite nicht mit Modellen oder Mongoose.
Die for-Schleife funktioniert nicht. Es heißt, dass "this.products" leer ist. Kann mir jemand erklären, warum es leer ist und wie ich dieses Problem lösen kann?
import { Component, OnInit } from '@angular/core';
// Import the DataService
import { DataService } from '../../data.service';
import { UserService } from '../../user.service';
@Component({
selector: 'app-product-list',
templateUrl: './product-list.component.html',
styleUrls: ['./product-list.component.css']
})
export class ProductListComponent implements OnInit {
products: Array<any>;
productsCU : Array<any>;
ngOnInit() {
}
constructor(private _dataService: DataService , private userService: UserService) {
this._dataService.getInventory()
.subscribe(res => this.products = res);
for(var i = 0;i < this.products.length;i++){
if(this.products[i].user== userService.getNameUserLoggedIn()){
this.productsCU.push(this.products[i]);
}
}
}
haben Sie die Produkte Konsole einzuloggen, was yyour Vorlage Ihr Titel saugt sieht aus wie –
Art für jemanden, der versucht zu Hilfe, bitte schreibe es für ein bestimmtes Problem um. – KHAN
wie sollten Sie es nennen? –