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>

AngularJs 组件绑定未在模板中呈现

AngularJs component Binding is not rendered in template

angularjs

ng-bind

angular-components