2014-09-27 3 views
1

У меня есть довольно ванильный нг-повторить заявление в моем шаблоне, который предназначен, чтобы повторить набор изображений в таблице:угловой не загружается достаточно быстро, чтобы предотвратить нг-повторить ошибки

<tr ng-repeat="d in data"> 
    <td><img src={{d.image}}></img></td> 
</tr> 

Все нагрузки изображения правильно (все они существуют, и все они отображаются в таблице), но я вижу следующее сообщение об ошибке в консоли, когда я проверяю на месте (а также при развертывании):

Failed to load resource: the server responded with a status of 404 (File not found) http://localhost:8000/%7B%7Bd.image%7D%7D 

Я думаю, что здесь происходит, что ошибка возникает до того, как Angular загрузится - что имеет смысл, поскольку без углового взгляда для {{d.image}} должен выдать ошибку - а затем, как только угловые нагрузки, изображения загрузятся правильно.

Как заставить браузер не пытаться рендерить {{d.image}}, пока не будет загружен Angular? Я положил ng-cloak в тег <body>, но это, похоже, не помогает. Думаю ли я об этом правильно?

+1

Это не похоже на то, что любые изображения загружаются в код примера, который вы предоставили. На самом деле, каков ваш фактический код? –

ответ

7

Эта проблема имеет тенденцию возникать, когда вы используете атрибут src для интерполяции пути ваших изображений. Используйте ng-src вместо атрибута src.

<tr ng-repeat="d in data"> 
    <td><img ng-src="{{d.image}}"></td> 
</tr> 
+0

+1 за то, что я думаю !!! – 2014-09-27 06:42:30

+0

Не задавайте этот вопрос! – 2014-09-27 06:54:16