AngularJs component Binding is not rendered in template

Question

I have the following component,

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: '<',
  };
}

And I have a template just to display that string a..

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

The console.log does not provide any error, and I get the value displayed, but in the template, it is not rendered (I see only: Value is:).

I am passing the value in the parent component:

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

Am I missing something? I am totally new to AngularJs.

georgeawg · Accepted Answer · 2020-10-22 02:49:10Z

1

Components instantiate their controllers with the default name $ctrl:

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

edited Oct 22, 2020 at 2:49

answered Jul 9, 2018 at 8:26

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AngularDebutant Over a year ago

Thanks. I am used to Angular2+ not needing that syntax.

Collectives™ on Stack Overflow

AngularJs component Binding is not rendered in template

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related