Привязка компонента AngularJs не отображается в шаблоне

Question

У меня есть следующий компонент,

class ModifyServiceController implements ng.IComponentController {
  public value: number;
  public ngModel: ng.INgModelController;
  public a: string;

  public $onInit() {
    window.console.log(this.a);
  }
}

export class ModifyService implements ng.IComponentOptions {
  public controller = ModifyServiceController;
  public template = require('./ModifyService.html');
  public bindings = {
    a: '<',
  };
} 

И у меня есть шаблон только для отображения этой строки a..

<div>Value is: {{a}}</div> 

console.log не выдает никакой ошибки, и я получаю отображаемое значение, но в шаблоне оно не отображается (я вижу только: Значение равно:).

Я передаю значение в родительском компоненте:

<modify-service a="'blabla'"></modify-service>

Я что-то пропустил? Я совершенно новичок в AngularJs.

Answer 1

Компоненты создают там контроллеры с именем по умолчанию $ctrl:

<div>Value is: {{$ctrl.a}}</div>