在Angular 2+中拆分组件HTML？

Question

我有一个Angular 5应用程序，有很多复杂的表单和布局。我想将组件HTML拆分成几个文件，并使用单个标记来表示它们。是否可以创建一个指令来用标记的内容替换标记？

是否有更好的方法来处理带有加载，加载和错误状态模板的长HTML文件？

想象一下，library(data.table) foo <- setDT(d)[, mean(Value), .(Id, Description)] # Id Description V1 # 1: 10 Cat 14.25 # 2: 11 Cat 15.25 # 3: 10 Dog 14.25 # 4: 11 Dog 15.25 dcast(foo, Id ~ Description, value.var = "V1") # Id Cat Dog # 1: 10 14.25 14.25 # 2: 11 15.25 15.25 针对由feed.component.html管理的不同类型的Feed项（图片/链接/视频/文字/等）具有不同的模板。维护此文件的理想方式是什么？

Answer 1

Angular最佳实践讨论了每个组件的一个html（和一个ts文件）。

如果你的html很长并且变得不可读，可能你的逻辑也有可能变得太沉重。

我会考虑将组件划分为子组件，例如：

feed
  ├─ feed.component.html
  ├─ feed.component.scss
  ├─ feed.component.spec.ts
  ├─ feed.component.ts
  └ feeds
     ├─ image
     │   ├─ image.component.html
     │   :
     │   :
     ├─ link
     │   ├─ link.component.html
     │   :
     │   :

Answer 2

你能为每个饲料项目制作一个单独的组件吗？我认为这可能会使阅读和理解变得更容易。

根据您的操作，您甚至可以动态生成这些组件，而不是使用if块。