组织AngularJS应用程序

时间:2015-10-10 20:39:37

标签: angularjs

我觉得关于"最佳实践和#34;的文档相对较少。应该如何组织AngularJS代码。例如,在我的许多网页中,即

  • 的index.php
  • profile.php
  • editprofile.php

我经常需要重复许多工厂和方法。例如,profile.phpeditprofile.phpindex.php都需要工厂userDropdown(以获取顶部导航栏下拉菜单)。但是,其中一些需要"修改版本的工厂"。例如:

  • index.php需要一种获取所有用户及其信息的方法
  • profile.php需要一种方法来获取一些用户信息
  • editProfile.php需要一种只获取一个用户信息的方法

我的意思是(以上是一个糟糕的例子),通常很多.js文件需要一些修改过的" child"一个父母"厂。我发现很难扩展我的应用程序,因为profile.phpindex.phpeditProfile.php都引用了自己的工厂和方法,而不是基本文件。在一个工厂中发现并更正的更改,改进,错误不会传播到其他文件中(我觉得非常令人沮丧)。我也不想一遍又一遍地写/复制/粘贴服务和工厂。我遇到的其他问题是:

  • X.js文件需要一些Y.js文件不提供的提供商。但是,两者都需要提供者A和B,但X需要C而Y需要D。对我来说,使用相同的"工厂"和供应商"对于它们两者(即将A,B,C和D注入它们中?)这就是我看到有一个工厂的基础工厂来提供大量.js文件的问题。定义您不使用的提供者或注射服务需要多少空间或低效率?

    如何完成一些可扩展的angularJS代码来执行此操作,或者您如何组织角度代码?而且,如何重复HTML模板(即重复几乎每个页面都需要使用的HTML代码?我已经听说过一些名为$templateCache的服务,但无法弄清楚如何使用它。)

  • 1 个答案:

    答案 0 :(得分:3)

    https://github.com/johnpapa/angular-styleguide这也有一个示例应用程序,但认真阅读他的指导方针,他们似乎正是你正在寻找的,并且一直是我的一个很好的资源,因为我一直在学习构建更大的角度应用程序。