2016-02-03 5 views
0

Я получаю изображения в помещении от стороннего API как json.Проверка наличия объекта в Угловом

Если в комнате есть изображения, это создает объект изображения комнаты внутри моего объекта отеля, в противном случае он не создает объект изображения комнаты.

Я просто хочу отобразить первое изображение, если оно несколько. Остальное отображает изображение «Нет изображения».

Могу ли я быть лучше в Angular для выполнения инструкции if до того, как она дойдет до представления или сделает условный inline в представлении? Или использовать фильтр?

Я знаю, что в php вы можете использовать isset. У углового есть что-то подобное?

<img class="img-responsive" ng-src="{{room.RoomImages.RoomImage[0].url}}" /> 
+0

'{{(room.RoomImages.RoomImage || []) .length? room.RoomImages.RoomImage [0] .url: 'your img here'}} ' –

ответ

0

Существует другой подход директива, как это:

return { 
    restrict: 'A', 
    link: function(scope, element) { 
     element.on('load', function() { 
     unWatch(); 
     //image exists 
     }); 
     element.on('error', function() { 
     unWatch(); 
     // fallback image 
     }); 
     var unWatch = scope.$watch('ngSrc', function() { 
     //do something ie a loader 
     }); 
    } 
}; 
Смежные вопросы