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

时间:2018-07-09 08:11:20

标签: angularjs angular-components ng-bind

我有以下内容,

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完全陌生。

1 个答案:

答案 0 :(得分:0)

组件在那里实例化具有默认名称$ctrl的控制器:

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