当前位置: 首页 > 面试题库 >

AngularJS应用程序文件结构

陶星渊
2023-03-14
问题内容

在一个大型AngularJS应用程序上,所有我的控制器都放在一个“
controllers.js”文件中,这对我来说似乎难以维护。有没有更好的方法可以做到这一点,例如:

\js\controllers\myController.js
\js\controllers\yourController.js
\js\controllers\ourController.js

这也适用于过滤器,服务,指令等…


问题答案:

有很多组织代码的方法。您可以查看以下链接

  • 使用AngularJS构建Huuuuuge应用
  • 大型AngularJS和JavaScript应用程序中的代码组织
  • AngularJS最佳实践:目录结构

您可以遵循他们的标准,也可以自己制定。

尝试遵循以下准则:

  • Contollers不应太长,如果太长则说明它正在处理多个职责
  • 尝试在系统中使用指令和服务来重用代码/逻辑
  • 指令是Angualrjs中最强大的功能,请尝试最大程度地利用它。
  • 编写测试;更好的是,您可以尝试使用AngularJS练习TDD


 类似资料:
  • 问题内容: 我最近开始建立一个大型的社交网络,我以为自己的结构很好,但事实证明我建立的逻辑很差。 我将自己的观点与AngularJS(不好的主意)混合在一起,跳过了刀片扩展,但是由于我使用了很多块和侧边栏,所以这变得很痛苦。 目前,我只是使用angular处理表单验证,但实际上我的所有网站页面都需要ajax,数据提取等功能。 我在网上搜索时,发现角度视图存储在公用文件夹中,但是由于我的所有页面都将

  • 问题内容: 我刚刚创建了一个flask应用程序,到目前为止,我已经为“ Hello world!”安装了一个路由器。模板。 我想增加一点(很多)功能,但是我想知道如何构造应用程序目录。 构建Flask应用的最常见方法是什么?例如,我应该为所有路线创建一个吗?的东西去哪儿了?模型应该在models.py吗? 问题答案: 你应该在Flask文档的“模式”部分中查看“更大的应用程序”页面:http :

  • 要通过 outputs 从组件发送数据,请先定义outputs属性。它接受组件向其父组件公开的输出参数的列表。 app/app.component.ts 一组 input + output 绑定定义组件的公共API。在我们的模板中,我们使用 [方括号] 传递输入,使用(括号)来处理输出。

  • 问题内容: 我将尝试第一个AngularJS项目,并且在后端使用Node.js是有意义的,尽管这意味着同时从头开始学习AngularJS和Node.js。 我想要弄清楚的第一件事是一个好的文件结构。到目前为止,我的纯HTML / CSS模板具有以下目录结构… (_site是PSD等的工作目录。) 我发现一个Node.js的一个例子的目录结构/ AngularJS应用程式这里 .... …表示以下目

  • 问题内容: 好的,所以我不想在这里展开一场圣战,但是我们正在努力巩固处理应用程序配置文件的方式,我们正在努力决定采用哪种最佳方法。目前,我们分发的每个应用程序都在使用其自己的临时配置文件,无论是属性文件(ini样式),XML还是JSON(目前仅在内部使用!)。 目前,我们的大多数代码是Java,因此我们一直在研究Apache Commons Config ,但是我们发现它非常冗长。我们还研究了XM

  • Tornado web 应用程序通常包含一个或多个 子类, 一个 对象来为每个控制器路由到达的请求, 和一个 main() 方法来启动服务器. 一个小型的 “hello world” 示例看起来是这样的: import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def