Question

即使下载并添加了所需的依赖项，我也无法使用cacheSrc。我还遵循了link

中的说明

这是我的img标签

printf

似乎不支持{{}}绑定。那我该如何以其他方式绑定它？

Answer 1

您是否正确安装了它？您需要运行以下命令：

  npm install --save ionic-cache-src @ionic/storage --save

您还需要将其导入您正在使用它的模块中。

    imports: [
        ...
        IonicStorageModule.forRoot(),
        IonicCacheSrcModule
    ],

如果是，则可能不支持。

Answer 2

尝试这种方式：

CachedURLResponse

photo_url是<img [cacheSrc]="photo_url"/>的输入，因此将输入值绑定到标签。

动态添加网址

cacheSrc

HTML

 let paths: string[] = [];

    constructor(private _cacheSrv: CacheSrcService) {
        let images = [
            'http://sample-videos.com/img/Sample-png-image-500kb.png'
            'http://sample-videos.com/img/Sample-png-image-1mb.png'
            'http://sample-videos.com/img/Sample-jpg-image-500kb.jpg'
        ];

        // Use cache() for one resource
        this._cacheSrv.cacheAll(images)
            .subscribe(cacheItems => {
                this.paths = cacheItems.map(item => item.path);
            });

Answer 3

当人们使用延迟加载时会发生这种情况。

要消除该错误，请将.forRoot()添加到模块中。

然后将其也添加到.module.ts文件的导入和导出（例如home.module.ts）

可在此处找到更全面的答案：lazyloading with ionic-image-loader

无法绑定到“ cacheSrc”，因为它不是“ img”的已知属性

3 个答案: