使用 `ng-include src` 的优点

Question

我正在开发一个包含大量 HTML 和 JS 文件的应用程序。

在两个不同的 HTML 文件中，一个 div 结构（使用 ng-repeat）将是相同的。 Controller 将呈现这个 div 结构也将是相同的。

Style 这个 div 结构在两个 HTML 页面上会有所不同。

现在的问题是，我是否应该创建一个不同的 HTML 文件，其中包含 div 结构，然后使用 ng-class 为该结构赋予不同的样式。将使用ng-include src 包含此通用 HTML。

或者我应该在两个不同的 HTML 文件中复制粘贴相同的 div 结构吗？我觉得这样做的好处是我不必维护标志的数量并使用复杂的ng-class 结构。

总而言之，使用ng-include src 包含一个HTML 文件与在两个不同的HTML 文件中复制div 结构相比有什么优势。

Answer 1

正如您所说，ng-include 在此处复制和粘贴的优势在于维护。当出于某种原因需要更改 HTML 内容时，您不必在两个（或更多）地方进行更改；只有一个。因此，如果 HTML 片段确实是相同的，并且会随着应用程序的增长而变化一起，请使用ng-include。

以不同的方式设置两个片段的样式：是的，您可以ng-class 根据一些基本逻辑附加不同的 css 类。至于您提到的“完整的ng-class 结构”，也许有一种方法可以让您简化它。显示更多代码，我可以帮助您简化它。

如果在未来的某个时间点，它的样式和其他属性发生了偏差，请不要犹豫，分叉模板和/或控制器。此示例中讨论的每个解决方案的可维护性取决于存在多少共性，而这些共性会随着时间而改变。