无法显示来自服务器的本机脚本图像

Question

我正在使用http-background插件将图像上传到节点服务器。图像将存储在节点服务器上的图像目录中。

当用户访问下面的视图时，我正在尝试渲染这些图像。

<action-bar title="Top Pup" [showBackButton]="true"></action-bar> 
<ScrollView orientation="horizontal">
<StackLayout>
    <CardView *ngFor="let post of posts; index as i; " class="cardStyle" margin="10" elevation="40" height="180" radius="1">
        <StackLayout class="list">  
         <label class="name"  [text]="post.title" textWrap="true"></label>
         <Label></Label>
         <label class="breed"   [text]="post.content" textWrap="true"></label>
         <img [src]="post.imagePath" alt=""> 
     </StackLayout> 
     </CardView>
</StackLayout>
</ScrollView>

这是list.component.ts文件中的ngOnInit。

  ngOnInit() {
    this.isLoading = true;
    this.postsService.getPosts();
    this.postsSub = this.postsService.getPostUpdateListener()
      .subscribe((posts: Post[]) => {
        this.isLoading = false;
        this.posts = posts;
        console.log(this.posts)
      });
      
  }

这是我在控制台中看到的内容。

ngOnInit返回一个数组，该数组包含每个帖子的对象，包括我要显示的图像的imagePath。数组中的所有其他属性正在正确显示。我唯一遇到麻烦的是图像。

我已经在正常的角度项目中工作了，但是我知道Nativescript显示图像的方式有所不同。我不确定自己走的路是否正确。