Question

我想在@Component({ selector: 'myapp', template: `{{test}} ` }) class App { @Input() test; } @Component({ selector: 'parent', directives: [App], template: ` <myapp [test]="test"></myapp> ` }) export class parent implements OnInit{ test:string='i dont want this value'; ngOnInit() { this.test="I am after ngOninit"; } }之后将变量的值绑定到输入，但在我的情况下，它绑定到之前初始化的默认值。

convert myfile.png -resize 500x300 111.png

我希望“我在ngOnInit之后”要打印，但在我的情况下，它是“我不想要这个值”打印。以下是plunker代码：http://plnkr.co/edit/c4wR1X740wtHaFjvuPXW?p=preview 我怎样才能做到这一点。谢谢。

Answer 1

更新为OP表示它应该是2.4.1版本的plunker：http://plnkr.co/edit/TLj9Ta4rv64Esi2uFwTP?p=preview

永远不会调用ngOnInit函数。

由于您使用的是alpha2的alpha版本，因此生命周期钩子名称不同。

onInit() {
      this.test="I am after ngOninit";
  }

Plunker：http://plnkr.co/edit/eDs2hjNydBoQBYWaKUZN?p=preview

Alpha.47重大变化：https://github.com/angular/angular/blob/master/CHANGELOG.md#breaking-changes-24

Angular 2：输入绑定

1 个答案: