Невозможно привязать к cacheSrc, так как это не известное свойство img - PullRequest
Новая
       6

Невозможно привязать к cacheSrc, так как это не известное свойство img

0 голосов
/ 31 августа 2018

Я не могу использовать cacheSrc, даже если я скачал и добавил необходимые зависимости. Я также следовал инструкциям из этой ссылки

это мой тег img 

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

Кажется, {{}} привязка не поддерживается. Как тогда я могу связать это по-другому?

Ответы [ 3 ]

0 голосов
/ 31 августа 2018

попробуйте так: 

<img [cacheSrc]="photo_url"/>

photo_url является вводом для cacheSrc, поэтому привязывает входное значение к тегу.

Динамически добавить 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"/>
0 голосов
/ 31 августа 2018

Это происходит, когда используется ленивая загрузка.

Чтобы устранить ошибку, добавьте .forRoot() к модулю.

Затем добавьте его также в импорт и экспорт файла .module.ts (например, home.module.ts)

Более полный ответ можно найти здесь: отложенная загрузка с помощью ionic-image-loader

0 голосов
/ 31 августа 2018

Правильно ли вы установили? Вам нужно запустить следующее: 

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

Вам также необходимо импортировать его в модуль, в котором вы его используете. 

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

Если это так, он может не поддерживаться.

...