Angular 2构造函数代码不更新DOM

Question

（Plunker of the problem at hand。）

我试图从构造函数中以编程方式初始化一些Angular 2组件，如下所示：

constructor() {
  this.cells = [];
  for (let i = 0; i < 4; i++)
  {
    this.cells[i] = new CellComponent();
    this.cells[i].setNumber(i+1);
  }
  console.log(this.cells);
}

但是，即使控制台输出显示为：

我将此作为初始HTML：

我在这里缺少什么？为什么在DOM中反映的构造函数中对setNumber()的调用没有？另外，当我致电cellUpdated时，为什么setNumber()事件没有被解雇？