使用图像作为属性创建对象。 Angular 4

时间:2017-11-07 02:10:19

标签: angular

我正在创建一个如下所示的用户个人资料:

export class User{
public email: string;
public name: string;
public location: number;
public intro: string;
public image: //???

constructor(email: string, name: string, location: number, intro:string){
    this.email = email;
    this.name = name;
    this.location = location;
    this.intro = intro;
    this.image = //???
    }

}

我在这里如何使用这样的图像,所以我可以将其保存在后端并在以后渲染为HTML?

1 个答案:

答案 0 :(得分:1)

您可以存储图像的URL类型的网址

export class User{
public email: string;
public name: string;
public location: number;
public intro: string;
public image: string;

constructor(email: string, name: string, location: number, intro:string, image:string){
    this.email = email;
    this.name = name;
    this.location = location;
    this.intro = intro;
    this.image = image;
    }

}

然后你可以显示为,

<img [src]="user.image" />