如何在Angular 2中使用同一文件中的组件？

Question

我目前正在开发/学习的环境中，在开发Web应用程序时不利于使用多个文件。想象一下，您的HTML，CSS和JavaScript在一个文件中

如何使用与HTML和TypeScript的其余部分编写在同一文件中的组件？ templateUrl会是什么，我还需要import吗？

Answer 1

如果当前文件声明在当前文件之外，则只需要导入即可使声明已知。因此，如果它已经在同一个文件中，则无需导入。

TypeScript不像升级那样提升类。

要么确保您引用的类声明在您使用它的代码之上，要么使用forwardRef(() => SomeClassBelow)。

请参阅https://angular.io/docs/ts/latest/api/core/forwardRef-function.html和how to access super component class variable into sub component Class以获取示例。