title: $translate.instant does not translate values in AngularJS component when component starts
body: <p>With <a href="https://github.com/angular-translate/angular-translate">Angular Translate</a> and <a href="https://angular-translate.github.io/docs/#/api/pascalprecht.translate.$translate">$translate.instant()</a> method I built AngularJS's select component with automatic switching between languages:</p>
  
  <pre><code>&lt;translated-select
    elements="$ctrl.values"
    current-value="$ctrl.value"
    on-change="$ctrl.setValue(value)"
  &gt;&lt;/translated-select&gt;
  {{ $ctrl.value }}
  &lt;hr&gt;
  &lt;button ng-click="$ctrl.switchToPolish()"&gt;
    Switch to polish
  &lt;/button&gt;
  &lt;button ng-click="$ctrl.switchToEnglish()"&gt;
    Switch to english
  &lt;/button&gt;
  </code></pre>
  
  <p>As you can see on Plunker: <a href="http://plnkr.co/edit/T1Hysr?p=preview">Angular JS select with automated translations</a>. Problem is that it shows <code>select</code>s options as undefined until I choose second option. Then everything works, and I can switch between english and polish translations of options. I tried even wait for first change with <code>$onChanges</code> hook and if change occurred run <code>$digest</code> with <code>$timeout</code>:</p>
  
  <pre><code>this.$onChanges = function (changes) {
    if (changes.elements) {
      $timeout(function () {
        this.values = changes.elements.currentValue;
      }.bind(this));
    }
    if (changes.currentValue) {
      $timeout(function () {
        this.value = changes.currentValue.currentValue;
      }.bind(this));
    }
  }
  </code></pre>
  
  <p>But again and again, I have to choose second option in select to make it work. Am I missing something? I would be grateful if anybody will help me, thank you in advance.</p>