个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
30
4
我正在开始一个新的 Angular 项目并尝试模块化我的所有代码——我厌倦了拥有大量的 app.js 文件，而且因为我正在为一家公司开发一个平台，所以我的代码整洁且模块化以便于测试、清洁和易于过渡到 Angular 2。
目前，我有三个 Angular 文件来设置所有内容:
Angular.module.js
angular
.module('app', [
/* Shared Modules */
'app.config',
'app.states'
/* Feature Areas */
])
Angular.config.js
angular
.module('app', [
/* Angular Modules */
'ngResource',
'ngSanitize',
/* 3rd-party Modules */
'ui.router'
]);
Angular.states.js
angular
.module('app')
.config([
'$stateProvider',
'$urlRouterProvider',
'$locationProvider',
function($stateProvider, $urlRouterProvider, $locationProvider){
// Unknown URLs go to 404
$urlRouterProvider.otherwise('/404');
// No route goes to index
$urlRouterProvider.when('', '/');
// State provider for routing
$stateProvider
.state('home', {
url: '/',
views: {
'': {
templateUrl: 'home/_home.html'
}
}
});
}]);
这是我的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>App</title>
<link rel="stylesheet" href="/content/stylesheets/screen.css">
<!-- Angular Dependencies -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script>
<script src="https://code.angularjs.org/1.3.15/angular-sanitize.min.js"></script>
<script src="https://code.angularjs.org/1.3.15/angular-resource.min.js"></script>
<!-- Angular Modules -->
<script src="/app/app.config.js"></script>
<script src="/app/app.states.js"></script>
<script src="/app/app.module.js"></script>
</head>
<body ng-app="app">
<div id="wrapper">
<div ui-view></div>
</div>
</body>
</html>
我一直遇到这个错误:
Uncaught Error: [$injector:modulerr]
我做错了什么？我很难理解如何让我的各种 Angular 文件相互交互。我遗漏了状态 Controller ，因为我现在只是在测试 View 。
最佳答案
通过写作:
angular.module('app', [
/* Shared Modules */
'app.config',
'app.states'
/* Feature Areas */
])
您创建了一个名为 app 的模块，它需要 2 个模块:app.config 和 app.states。如果其中一个缺失或无效，app 模块将无法启动。
在您的 config.js 中，您编写 angular.module('app', [...])。这将创建一个名为 app 的模块，它具有“[...]”之间的依赖关系。但是，您已经在 module.js 中创建了一个名为“app”的模块。
将 config.js 中的模块名称更改为 angular.module('app.config', [...])。
在您的 states.js 文件中，还有另一件事:angular.module('app') 为您提供您在 module.js 文件中创建的模块。你可以调用它的配置方法，这不是问题。但是，您在 app 模块中定义了对 app.states 的依赖。您可以删除此依赖项，或将 angular.module('app') 替换为 angular.module('app.states', []).config(...)
希望对你有帮助。
关于javascript - 模块化 Angular ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36047729/
30
4
0
每个人(希望)都在努力实现代码模块化。我想要做的是有 1 个主要的 Sass 文件，它导入我的所有模块，这些模块是局部的，如果需要，这些局部可以调用它们自己的局部组。我想要的是，不是在我的代码库中调用
如何在 xslt 转换中模块化一组重复的输出？例如，我有如下内容(伪代码)。 并
假设我有几个简单的模型驻留在 food.py 中: import peewee as pw db = pw.SqliteDatabase('food.db') class BaseModel(pw.M
我正在开始一个新的 Angular 项目并尝试模块化我的所有代码——我厌倦了拥有大量的 app.js 文件，而且因为我正在为一家公司开发一个平台，所以我的代码整洁且模块化以便于测试、清洁和易于过渡到
所以，有人告诉我，在 nodeJS 中传递 request 和或 response 变量是“不好的做法”。但这意味着你的大部分代码都必须在 server.js 文件中，这使得它变得困惑而且有点难看。
有一个想法:函数(在 FP 中)可以以与 OOP 中的组件类似的方式组成。对于 OOP 中的组件，我们使用接口(interface)。对于函数，我们可以使用委托(delegate)。目标是实现分解、模
有没有办法将 SQL 代码模块化，使其更具可读性和可测试性？ 我的 SQL 代码经常变成一长串复杂的嵌套连接、内连接等，难以编写和调试。相比之下，在像 Javascript 或 Java 这样的过程语
我想知道大公司如何倾向于在他们的页面上模块化组件。 Facebook 就是一个很好的例子: There's a team working on Search that has its own CSS,
我正在寻找在 WPF 中构建模块化应用程序模型的解决方案。目前，我使用 Devexpress POCO MVVM 来构建我的 WPF 应用程序，但缺乏模块化的可扩展性，我正在寻找适合我当前设计并允许构
我制作了一个 Gradle 项目，它使用类加载器从子目录资源/文本中加载文本文件。此时它可以工作，但是当我将项目转换为模块化 JavaFX 程序时，相同的类加载器函数会给出 NullPointerEx
假设我有一个通用类模块: export class MyCalc { data = {} ... } 并说我想扩展更多功能: export class MyCalcLoader {
我的模板文件变得越来越大并且过于复杂(大约 200 行(长)代码，9 级缩进)，因此它也变得容易出错。我正在寻找一个简单的解决方案，它可以让我轻松访问 $scope 变量和函数。 我的第一个想法是使用
许多人说要将外部 CSS 和 JavaScript 文件的数量保持在最低限度以减少往返时间。例如，Google 建议每个网站最多分别使用两个 CSS 和 JavaScript 文件。 问题是，作为“模
我试图找出为什么我的 Promise 链执行无序，尽管编写了一个非嵌套的 then 链。我的函数已经模块化，以减少链中发生的代码膨胀(我期望有五个 then 方法)，并且我不确定这些模块中的某些内容是
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 8 年前。 Improv
我使用 create-react-app 创建了一个样板 React 应用程序。 现在，在我的 App.js 文件中 import classes from './App.css'; 我做到了
Java 模块系统是否应该阻止模块通过反射访问其他模块，而不声明正确的模块依赖关系？ 例如，在编译这个 hello world Java 11 类时，它从另一个模块调用类，正如预期的那样，它不会编译，
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 9 年前。 Improve this qu
我的应用程序上有许多不同的“控制元素”:下拉菜单、选项卡、菜单等。在同一页面上，有许多相同的控件。当编写 JavaScript 来处理与每个控件关联的不同事件时，我试图使我的代码尽可能干燥。挑战之一是
处理以下场景的模块化方式是什么:应用程序具有所有标题标签(h1、h2、h3 等)的通用样式。特定组件 Widget.jsx 可以使用这些标题中的任何一个，但 h1 标签具有特殊样式。在 CSS 的“旧
我是一名优秀的程序员,十分优秀！