angular - 如何实例化角度组件类？

Question

我是 Angular 的新手，我看到我们使用类作为组件。但是我没有看到任何实例化类并通过使用 new 关键字从它们中创建对象实例。我们只需定义一个类并使用它。有些类甚至没有构造函数，比如app.component.ts，里面只有title属性。怎么来的？在我正在阅读的一篇文章中说

当 Angular 通过在类上调用 new 创建组件或指令时，将调用构造函数。

那么在哪里new被调用呢？这一切都发生在幕后吗？那么从 TS 编译到 JS 时，角度实例化类并在编译时从它们中生成对象？如果是这样，我在哪里可以找到 JS 源代码来查看它的真实示例？

这对我来说真的很困惑，我真的很想了解 Angular 2+ 是如何在幕后工作的。一些关于它的更多文章的链接也很好，可以看到这个框架的所有 javascript 逻辑和魔法。

谢谢。

标签： angulartypescriptclassangular-componentsangular-decorator

Answer 1

class A {
  title = 'foo';
}

它是一个字段声明，它与

class A {
  constructor(){
    this.title = 'foo';
  }
}

角度运行时决定显示组件时创建的新实例。