无法设置角度未定义的属性？

Question

export class ProductImage {
fileType: string;
fileContents: string;
};

当我尝试在Product组件中使用以上类时。

export class ProductComponent implements OnInit {

tileView = false;
isProductListEmpty = true;
token = localStorage.getItem('token');
productImage :ProductImage;




constructor(public dialog: MatDialog, private productService : DesignerProductService) { }

 ngOnInit(): void {
 this.getDesignerProductList();
 
 this.productImage.fileType = "a";
 console.log(this.productImage.fileType);

 }

我收到以下错误

product.component.html：50错误TypeError：无法设置未定义的属性'fileType'

似乎我在犯一些愚蠢的错误，我是新来的...声明有什么问题吗？

Answer 1

您已经在此处声明了'productImage'的类型-productImage :ProductImage;，但曾经对其进行过初始化。尝试添加此- ngOnInit（）中的productImage = new ProductImage()

Answer 2

您还需要初始化该变量

constructor(public dialog: MatDialog, private 
   productService : DesignerProductService) { 
    this.productImage= new ProductImage();

}

希望它能起作用.. !!