检查是否在Angular中设置了对象

时间:2016-02-03 08:41:28

标签: angularjs

我从第三方API获取空间图片为json。

如果房间包含图像,它会在我的酒店对象中创建一个房间图像对象,否则它不会创建房间图像对象。

我只想显示第一张图片(如果是多张) - 否则显示“无图像可用”图片。

在Angular中,在进入视图之前执行if语句或在视图中执行条件内联会更好吗?或者使用过滤器?

我知道在php中你可以使用isset。棱角有类似的东西吗?

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

1 个答案:

答案 0 :(得分: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
      });
    }
};