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

Question

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

中的说明进行操作

这是我的 img 标签

<img cacheSrc="{{photo_url}}"/>

似乎不​​支持 {{}} 绑定。 那我怎样才能以不同的方式绑定它呢？

Answer 1

你安装正确了吗？您需要 运行 以下内容：

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

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

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

如果是这样，可能不支持。

Answer 2

试试这个方法：

<img [cacheSrc]="photo_url"/>

photo_url 是 cacheSrc 的输入，因此将输入值绑定到标签。

Dynamiclly add url

 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);
            });

HTML

<img *ngFor="let path of paths" [cacheSrc]="path"/>

Answer 3

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

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

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

可以在这里找到更全面的答案：lazyloading with ionic-image-loader