Angular dart component init

Question

Is there a way to wait for the component to be initialized?

@Component(
  selector: "my-component",
  templateUrl: 'component/my.html',
  useShadowDom: false,
  publishAs: "ctrl"
)
class MyComponent {

  @NgAttr('foo')
    String foo;
  }

  @NgAttr('bar')
    String bar;
  }

  MyComponent(){
    print(foo);
    print(bar);
  }
}

Usage:

<my-component foo="bar" bar="baz"></my-component>

When i use the component like this, the constructor prints: null, null

I could write a setter for foo and bar and check on every set if they are both set. But if no value is provided.. my init is never fired.

Do i have to implement a interface which provides a init method or something?

Günter Zöchbauer Günter Zöchbauer · Accepted Answer · 2014-10-10T20:27:51

It's the same as shown here Connecting 2 controllers and have access to the first controllers propertie in the second controller

Implement the AttachAware interface. The values of the instance can't be set before the element is constructed therefore there is no chance to have the fields set from the outside when the constructor is executed.

Angular dart component init

2 Answers