Angular5 中 javascript 函数的最佳结构

Question

我正在学习Angular，我想知道这个特定点的最佳组织是什么：

这是我的 "fantastic" 结构：

主题： 我创建了一个分页，我想用 javascript 函数创建它。

问题 1： 我应该在我的 组件 (gazette.component.ts) 中还是在 属性指令 ?

问题 2： 我应该在 javaScript ES6 中创建这个函数（而不是 jquery、jquerylite 或其他任何东西）吗？ 这种情况的最佳做法是什么。

谢谢！

Answer 1

当您想对多个 dom elements/components 使用同一段代码时，指令很有用。就像您想 focus/highlight 一些 div/paragraph 在特定条件下。

您的应用程序中可能有数百个元素需要 实现相同的功能。在这种情况下你可以写一个指令。

在你的情况下，如果你想在一个组件（GazetteComponent）中实现分页功能并封装其他组件的代码，那么你可以在这个组件中编写代码

否则去指令。

Also see the difference between component and directive. In your case you might need shared component instead of directive