title: AngularJS : how to wait until translation complete
body: <p>I'm developing application with AngularJS that prints business form.
  Retrieve data from Google Cloud Endpoint, translate with angular translate, and open print dialog.</p>
  
  <p>My application works in almost case, but sometimes print dialog opens before translation complete.</p>
  
  <p>MyContoller.js is like this.</p>
  
  <pre><code>app.controller('MyController', ['$scope','$location','errorServiceFactory',
      function ($scope,$location,errorServiceFactory) {
          var param = $location.search();
          $scope.list = [];
          loadingPanelFadeIn();
          gapi.client.myCloudEndpoint.retrieve({
              id:param.id,
          }).execute(function (resp) {
              if(!resp.code){
                  loadingPanelFadeOut();
                  $scope.list = resp.items;
                  $scope.$apply();
                  window.print();
              }else{
                  errorServiceFactory.errorService(resp);
              }
              loadingPanelFadeOut();
          });
  
      }]);
  </code></pre>
  
  <p>html like this.</p>
  
  <pre><code>&lt;div class="myclass" ng-repeat="item in list"&gt;
      &lt;span class="big" style="(snip)" translate="title"&gt; val1 &lt;/span&gt;
      &lt;span class="big" style="(snip)" translate="to" translate-values="{to: '{{item.field1}}'}"&gt; val2 &lt;/span&gt;
          :
  </code></pre>
  
  <p>In most case, translated value is displayed in print preview, but sometimes <code>val1 val2</code> is displayed.</p>
  
  <p>How can I fix my program to open print dialog after translation completed?</p>