AngularJS: два запроса к серверу на один ресурс

Question

У меня есть веб-приложение angularJS 1.0.7. На странице у меня есть изображение вроде:

<div ng-style="{'background-image': 'url(//domain/img/destinations/l/' + destinationPhoto + ')'}">

Фотография назначения рассчитывается в контроллере, поэтому, если я проверяю раздел сети в devtools, я вижу два запроса:

1. До вычисления destinationPhoto: http://domain/img/destinations/l/
2. После вычисления destinationPhoto: http://domain/img/destinations/l/photo-url.jpg

Я хотел бы оптимизировать количество запросов, отправляемых на сервер. Можно ли избежать первого запроса?

Answer 1

Было бы лучше в качестве общей практики установить весь URL в контроллере, и это также предотвратило бы дополнительный запрос:

<div ng-style="{ 'background-image': backgroundImg }">

$scope.backgroundImg= 'url(//domain/img/destinations/l/' + destinationPhoto + ')';

Для angularjs> = 1.3, вы можете использовать одноразовую привязку в ng-style с ::

<div ng-style="::{ 'background-image': backgroundImg }">