AngularDart中*.template.dart导入语句实际导入的内容是什么？

嘿，我来给你拆解下这两行导入语句的实际含义：

import 'crisis_list_component.template.dart' as clct;
import 'hero_list_component.template.dart' as hlct;

这些.template.dart文件不是你手动编写的，它们是AngularDart的构建工具（比如build_runner）在编译阶段自动生成的代码文件，对应你项目里手动编写的crisis_list_component.dart和hero_list_component.dart组件源文件。

具体来说，这些自动生成的文件里包含了对应组件的工厂类（比如clct.CrisisListComponentNgFactory和hlct.HeroListComponentNgFactory）：

• AngularDart框架需要依赖这些工厂类来实例化组件，尤其是在路由配置里指定组件时，必须传入这种工厂类，而不能直接用组件类本身。
• 用as clct和as hlct是为了给每个导入的命名空间起短别名，避免不同组件的工厂类名称冲突，同时让路由配置里的代码更简洁易读。

当你运行pub run build_runner build或者pub run build_runner watch命令时，构建工具会自动生成这些文件，它们通常存放在项目的.dart_tool/build/generated目录下，一般不需要你手动修改或查看。

内容的提问来源于stack exchange，提问作者Tobias Marschall