Question

     <section class="col-xs-6">
     <img ng-src = "{{ecard.secondaryLogoUrl}}" >
 </section>
 <section class="col-xs-6">
             <!-- Make sure image is loaded and then print the ecard -->
             <img ng-src="{{ecard.templateUrl}}" alt="" onload="window.print()" >           
 </section>

在我的angularjs应用程序中，我将显示2张图像用于打印预览。如果我从第二部分调用window.print（）方法，则不会加载第一部分图像。在调用window.print（）方法之前，如何确保两个图像均已正确加载。谢谢马诺哈尔

Answer 1

您可以在变量上设置作用域观察器并检查属性

$scope.$watch('ecard', function(new, old) {
  // check if both images are present
  if (new && new.secondaryLogoUrl && new.templateUrl) {
    window.print();
  }
})

在angularjs中进行打印预览之前，请确保已加载图像

1 个答案: