[FRAGE] Angular Components Bindings im HTML korrekt angezeigt - im Controller aber undefined

[alphakanal]

Hi!

Ich übergebe an meine Componente Parameter via Binding und lasse diese im HTML ausgeben. Das komische ist dass die Parameter im Controller undefined sind, aber im HTML ausgegeben werden ?!?

Component:

angular.module('app')
    .component('infoPanel', {
      templateUrl: 'app/components/infopanel/infopanel.component.html',
      controllerAs: 'vm',
      bindings: {
        info: '<'
      },
      controller: infoPanelController
    });

  function infoPanelController() {
    var vm = this;
    vm.$onInit = function () {
      [COLOR="#FF0000"]console.log(vm.info); // -> undefined[/COLOR]
    }
  }

Im Template:

[COLOR="#008000"]{{vm.info}} // -> wird korrekt angezeigt[/COLOR]

Wie kann das im HTML korrekt ausgegeben werden und im Controller undefined sein ?? Was mach ich falsch?