如何将继承和可扩展模板一起使用？

Question

我正在Angular建立一个飞镖评分应用程序。

我创建了一个GameBaseComponent，它定义了基本的数据结构，一些常用方法和飞镖游戏的基本布局。

现在我想为每种游戏类型创建新类。这些应该定义如何处理投掷，获胜条件是什么以及设置和结果的布局。前者可以通过继承来实现，后者可以通过ng-container来完成，但我觉得将这两者结合起来有些“hacky”（我使用模板中的组件从中继承...），它应该以其他方式完成。

您可以在此处查看代码：https://github.com/hodossy/darts-scorer/tree/master/src/app/games

有没有人能为这种情况找到解决方案？

Answer 1

我知道你不能在angular上继承模板，但是组件可以从类继承结构。

所以你的解决方案如下：

• 如果您在所有游戏组件之间共享模板，则应使用共享模板和结构创建一个基本组件并使用路由器插座。
• 如果您只有共享结构，则可以创建基类并使组件继承该类，但每个组件都应该拥有自己的模板。