如何在nativescript angular中实现图像缓存

npm install nativescript-image-cache --save

import { ImageCacheService } from 'nativescript-image-cache';

constructor(private imageCacheService: ImageCacheService) {}

loadImage(url: string) {
  this.imageCacheService.initCache();
  this.imageCacheService.enableDownload();
  
  this.imageCacheService
    .getAsync(url)
    .then((result) => {
      if (result) {
        console.log('Image loaded from cache');
        // 使用从缓存中获取的图像
      } else {
        console.log('Downloading image');
        // 从网络下载图像
        this.imageCacheService.push({
          key: url,
          url: url,
          placeholder: '~/images/placeholder.png' // 占位符图像路径
        });
      }
    });
}

<Image [src]="imageUrl"></Image>

ngOnInit() {
  this.imageUrl = 'https://example.com/image.jpg'; // 图像的URL
  
  this.loadImage(this.imageUrl);
}