Angular避免不必要的依赖注入



我不是在构建传统的SPA,而是在服务器端生成页面。但我确实有一个棱角分明的应用程序,我可以导入我网站上的所有页面。例如:

var app = angular.module('app',['ui.bootstrap', 'ngTable','textAngular']);

这是一个很简单的问题,但我没能向谷歌提出正确的问题来找到答案。例如,并不是我所有的页面都需要textAngular,但我的Angular应用程序不会加载,除非我将此脚本导入到每个页面。避免这个问题的最佳做法是什么?

您不需要在每个页面中加载脚本。Angular通常用于SPA web应用程序(单页应用程序)的上下文中。这意味着您只有一个页面(index.html),并且您使用路由来更改当前视图。如果应用程序中的某个模块需要此功能,则应该在index.html中引用该脚本。

如果您使用服务器生成的页面(使用ASP.NET、PHP等),您可以为每个页面添加脚本引用,但这不是使用Angular的常用方法。(它被称为迷你水疗应用程序)。如果这是您的场景,您只需要在需要使用的页面上引用textAngular的脚本(并在模块声明中定义依赖项)。

最新更新