angularjs - ng-show 对 $scope.apply 没有反应

Question

我有以下标记：

<div class="liveResults">
  <div><img ng-show="home!==undefined" ng-src="{{homeImg}}"> </div>
  <div>0:0</div>
  <div><img ng-show="guest!==undefined" ng-src="{{guestImg}}"> </div>
</div>

在我的控制器中，我通过以下方式填充数据：

$scope.init=function() {
    $.getJSON("http://www.example.com/somedata.json", function(result){
      $scope.home=result.home;
      $scope.guest=result.guest;
      $scope.homeImg=$scope.BigImage($scope.home);
      $scope.guestImg=$scope.BigImage($scope.guest);

      $scope.$apply();
      return;
    }
}

该功能由ng-init="init()"

现在 ng-src 已正确填充，但 ng-show 无法按预期工作（图像仍然隐藏）我可以使用浏览器 devtools 看到图像在那里，但宽度和高度为“0”。

当我通过将其分配给 ng-click-event 来第二次启动该功能时，图像会正确显示。

我的猜测是“ng-init”和“$scope.apply”的组合会导致问题。

Answer 1

该ng-src指令已经隐含ng-show其中，因此您问题中的评论说明这​​应该已经对您有用：

<div class="liveResults">
  <div><img ng-src="{{homeImg}}"> </div>
  <div>0:0</div>
  <div><img ng-src="{{guestImg}}"> </div>
</div>