使用`ng-include src`的优点

时间:2014-06-23 14:49:07

标签: angularjs angularjs-ng-include

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

在两个不同的HTML文件中,一个div结构(使用ng-repeat)将是相同的。 <{1}}将呈现此Controller结构也将是相同的。

这个div结构的

div在两个HTML页面上都会有所不同。

现在问题是,我应该创建一个不同的HTML文件,其中包含这个Style结构,然后使用div为这个结构提供不同的样式。将使用ng-class包含此通用HTML。

或者我应该在两个不同的HTML文件中复制粘贴相同的ng-include src结构?我觉得这样做的好处是我不需要保持标志数量并使用复杂的div结构。

总而言之,使用ng-class包含一个HTML文件而不是在两个不同的HTML文件中复制div结构有什么好处。

1 个答案:

答案 0 :(得分:1)

正如您所说,ng-include优于复制和粘贴的优势在于维护。当出于某种原因需要更改HTML内容时,您不必在两个(或更多)位置进行更改;只有一个。因此,如果HTML片段确实相同并且随着应用程序的增长将一起更改,请使用ng-include

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

如果在将来的某个时间点,样式和其他属性偏离,请不要犹豫,分叉模板和/或控制器。本例中讨论的每个解决方案的可维护性取决于存在多少共性,这可能随时间而变化。