dart - 在 NgComponent 和 NgDirective 之间做出选择

Question

在决定将自定义元素实现为 NgComponent 或 NgDirective 时，是否需要遵循一些经验法则？

在决定选择其中任何一个时要记住哪些问题？

Answer 1

如果您想向现有标签/元素添加功能/行为，您可以使用指令(如 ng-class 或 ng-hide)。 您可以将指令应用于不同的标签。
要创建一个新的元素/标签，您需要创建一个组件(例如 Accordion 、轮播、模态……)。
组件是一个新的自定义元素，它可以有一个定义其影子 DOM 内容的模板。

您也可以使用指令来动态添加/删除 html 内容，但是使用组件您可以创建内部和外部之间具有清晰边界的新元素。
一个组件有它自己的范围，它不属于应用程序范围层次结构的一部分。
您无法轻松访问组件内容。

从指令生成的 HTML 与任何其他 HTML 标签一样。你有组件的嵌入(我认为有人正在处理没有影子 DOM 和嵌入的组件，就像在 Angular.js 中一样，但我不知道这有多远以及它看起来如何。)

您可以在组件内部使用指令，也可以在组件内部使用组件。