虽然我在 tsconfig.ts 文件中执行了 strict:false ,但我收到了这个错误
属性 'productsSub' 没有初始化器,也没有在构造函数中明确赋值。ts(2564)
import { Component, OnDestroy, OnInit } from '@angular/core';
import { Subscription } from 'rxjs';
import { Product } from "../../../models/product.model";
import { ProductsService } from 'src/app/services/products.service';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit, OnDestroy {
products: Product[] = [];
isLoading = false;
private productsSub: Subscription;
constructor(public productsService: ProductsService) { }
ngOnInit(): void {
this.isLoading = true;
this.productsService.getProducts();
this.productsSub = this.productsService.getProductsUpdateListener()
.subscribe((products: Product[]) => {
this.isLoading = false;
this.products = products;
});
}
onDelete(productId: string){
this.productsService.deleteProduct(productId);
}
ngOnDestroy() {
this.productsSub.unsubscribe();
}
}