Изображение не выводится в angularjs, мобильный

Question

изображение не отображается в нг-повтора, получать все данные из индексированной и привязки к странице все показать ожидать IMG в ежевика 10 WebWorks

<img data-ng-src='{{item.Picture}}' width="100px;" height="100px;"/> 

    { 
    id:48758, 
    Botanical_name:"Cladothamnus pyroliflorus", 
    Common_name:"Himalayan Cotoneaster ", 
    Picture: "images/Fplants/Cladothamnus pyroliflorus.png", 
    },... 

Answer 1

app.config(['$routeProvider','$compileProvider',function($routeProvider, $compileProvider){  $compileProvider.imgSrcSanitizationWhitelist('img/'); 

Answer 2

Это не казалось бы выпуск с IndexedDB.

Для не Угловых атрибутов директивы, такие как src вы хотите интерполировать, как в коде ниже:

<img src='{{item.Picture}}' width="100px;" height="100px;"/> 

Для атрибутов Угловой директивы, нет никакой необходимости в такую ​​интерполяции:

<img data-ng-src='item.Picture' width="100px;" height="100px;"/> 

Поскольку ваши данные будут undefined на бутстрапе, вы хотите использовать последний подход. Это предотвращает попытку браузера загрузить undefined в качестве источника изображения.

Также обратите внимание на комментарий Вайбхава выше. Без ведущей косой черты вы загрузите каталог images относительно текущего. Хотя это может быть то, что вы собираетесь делать, вероятно, это приведет к тому, что ваш код будет многократно использоваться, чтобы включить лидирующую косую черту.

Update: Если вы находитесь в ng-repeat, обратите внимание, что ваша сфера не сфера, в которой появляется ng-repeat директивы, но своим собственный, совершенно новый размах. Возможно, попробуйте $parent.item.Picture

Answer 3

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