title: Angular UI pager directive does not re-render when label text changes
body: <p>I am using AngularJS with Angular UI Bootstrap. For i18n I am using angular-translate which provides a filter <code>| translate</code> to handle the translation. Using the following code, the <code>previous-text</code> and <code>next-text</code> of the <code>pager</code> directive are not updated in view, whereas all other labels change correctly when changing the language.</p>
  
  <p>How can I force the pager directive to re-render corresponding to the current translation? Should I address this as bug/new feature at angular-ui or angular-translate?</p>
  
  <p>Same behavior occurs with other components (e.g. Alert).</p>
  
  
  
  <pre><code>&lt;div ng-controller="LanguageCtrl"&gt;
      &lt;a href="#{{$location.path()}}" ng-click="switchLang('de_CH')"&gt;DE&lt;/a&gt;
      &lt;a href="#{{$location.path()}}" ng-click="switchLang('fr_CH')"&gt;FR&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;pager total-items="size" items-per-page="10" page="page" 
      previous-text="{{'PREV' | translate}}" 
      next-text="{{'NEXT' | translate}}"/&gt;
  </code></pre>
  
  <p>And here the controller for switching the language:
  </p>
  
  <pre><code>angular.module('myApp')
  .controller('LanguageCtrl', ['$translate', '$scope',
      function ($translate, $scope) {
          $scope.switchLang = function (lang) {
              $translate.uses(lang);
          };
      }]);
  </code></pre>
  
  <p><strong>Update 1</strong></p>
  
  <p>Note: When I reload the page, the labels are correctly displayed in the desired language! But I want to implement it without reloading.</p>