【发布时间】:2018-03-16 18:07:32
【问题描述】:
【问题讨论】:
标签: angular typescript ionic-framework ionic2 ionic3
【问题讨论】:
标签: angular typescript ionic-framework ionic2 ionic3
我正在使用离子 4 角度 对我来说很好。
【讨论】:
<img [src]="imageUrl || 'assets/images/defaultimage.png' ">
【讨论】:
添加这个&它将解决您的查询<img *ngIf="imageUrl" [src]="imageUrl">
【讨论】:
请添加更多代码,以便我们指出错误的确切原因,但鉴于该描述,您似乎在任何页面的某处包含了一张图片,并且正在设置该图片的 src从服务器获取一些信息后动态地,比如
<img [src]="imageUrl">
其中imageUrl 是组件代码中的一个属性。
问题在于,当 Angular 尝试加载页面时,此 imageUrl 为 null,因此图像的来源是 null(这就是为什么您在尝试从 http:localhost:8100/null 获取图像时得到 404 的原因;那以null 结尾是因为在视图中创建图像元素时该属性为null。
您可以通过添加额外的检查来防止该错误,例如
<img *ngIf="imageUrl" [src]="imageUrl">
所以只有当源准备好时才会添加图像。
【讨论】: