Angular 2，拆分不同文件中的组件

Question

我实际上正在制作 angular.io quickstart，我现在需要将我的组件拆分成不同的文件。

问题是我完全不知道该怎么做，开发预览文档中也没有解释。

你能帮忙吗？

我只有两个组件(主要在 app.js 中，另一个只列出信息)

感谢提前

Answer 1

同意，这没有得到很好的解释，很多示例只使用单个组件或单个文件中的组件。这是我正在构建的一个示例，它在单独的文件中使用(当前)2 个组件，并且尽可能简单......

https://github.com/mdausmann/angular2-canvas

本质上，您需要从它的模块中导出子组件...

export default NoteComponent;

并将其导入组合模块或父模块...

import NoteComponent from "note";

哦，这个导入/导出的东西是 ES6 模块语法，great ref here

希望这对您有所帮助。