个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在学习使用 AngularJS 1.0 的教程，而我正在使用 1.3.8。我遇到了一个问题，我不知道问题出在哪里。
我收到的错误是:
未捕获错误:[$injector:modulerr] http://errors.angularjs.org/1.3.8/$injector/modulerr?p0=contacts&p1=Error%3…ogleapis.com%2Fajax%2Flibs% 2Fangularjs%2F1.3.8%2Fangular.min.js%3A17%3A350)
我相信这是 AngularJS 1.3.8 版本教程中已弃用的代码。
有人可以指出代码有什么问题吗？
contacts.js
angular.module('contacts', ['ngRoute'])
.config(['$routeProvider', function($routeProvider){
// Configure the routes
$routeProvider
.when('/contact/:index', {
// Edit contact
templateUrl: 'edit.html',
controller: 'Edit'
})
.when('/', {
// List all contacts
templateUrl: 'list.html'
});
}])
.controller('Contacts', ['$scope', function($scope){
// Contacts is the parent controller, so $scope.contacts is available to all children
$scope.contacts= [
{ name: 'Tom', number: '2345678888' },
{ name: 'Abe', number: '4338995647' },
{ name: 'John', number: '9892668178' }
];
}])
.controller('Edit', ['$scope', function($scope, $routeParams){
// Load in a contact from the route (/contact/:$index)
$scope.contact = $scope.contacts[$routeParams.index];
$scope.index = $routeParams.index;
}]);
index.html
<html ng-app="contacts">
<head lang="en">
<meta charset="UTF-8">
<title>Contacts</title>
<meta name="viewport" content="width-device-width">
<style>
* {
box-sizing: border-box;
}
body {
font: 14px/1.5 sans-serif;
color: #222;
margin: 3em;
}
</style>
</head>
<body>
<div ng-controller="Contacts">
<h1>Contacts</h1>
<div ng-view></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js "></script>
<script src="contacts.js"></script>
</body>
</html>
编辑.html
<h2>Edit</h2>
<ul>
<li>
<label for="name">Name:</label>
<input type="text" id="name" ng-model="contact.name">
</li>
<li>
<label for="number">Number:</label>
<input type="text" id="number" ng-model="contact.number">
</li>
</ul>
<a href="/AngularJS/index.html">Back to the list</a>
列表.html
<h2>List</h2>
<div>
<label for="search">Search:</label>
<input type="search" ng-model="search">
</div>
<ul>
<li ng-repeat="contact in contacts | filter:search">
<a href="#/contact/{{ $index }}">{{ contact.name }}</a>
: {{ contact.number }}
</li>
</ul>
<a href="/AngularJS/index.html">Back to the list</a>
最佳答案
您需要在 angularjs 之后包含 Angular-route 脚本才能使用 ngRoute
https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-route.min.js
旧版本的 Angular 曾经将路由器包含在相同的 AngularJS 核心脚本中。自 1.2.x 以来，它们已经继续前进，现在可以通过包含单独的脚本来选择加入 Angular 路由器。
做:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-route.min.js"></script>
还要确保依赖注释列表和构造函数参数列表在顺序和数量上匹配，列表中缺少 $routeParams。
.controller('Edit', ['$scope', '$routeParams',
function($scope, $routeParams)
关于javascript - AngularJS 1.3 - 错误 : error:modulerr Module Error (using ng-view, $routeProvider)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27995673/
24
4
0
reqwest v0.9 将 serde v1.0 作为依赖项，因此实现 converting serde_json errors into reqwest error . 在我的代码中，我使用 se
我有这个代码: let file = FileStorage { // ... }; file.write("Test", bytes.as_ref()) .map_err(|e| Mu
我只是尝试用angular-cli创建一个新项目，然后运行服务器，但是它停止并显示一条有趣的消息:Error: No errors。 我以这种方式更新了(希望有帮助):npm uninstall -g
我从我的 javascript 发送交易 Metamask 打开传输对话框 我确定 i get an error message in metamask (inpage.js:1 MetaMask -
这个问题在这里已经有了答案: How do you define custom `Error` types in Rust? (3 个答案) How to get a reference to a
我想知道两者之间有什么大的区别 if let error = error{} vs if error != nil?或者只是人们的不同之处，比如他们如何用代码表达自己？ 例如，如果我使用这段代码: u
当我尝试发送超过 50KB 的图像时，我在 Blazor 服务器应用程序上收到以下错误消息 Error: Connection disconnected with error 'Error: Serv
我有一个error-page指令，它将所有异常重定向到错误显示页面 我的web.xml: [...] java.lang.Exception /vi
我有这样的对象: address: { "phone" : 888, "value" : 12 } 在 WHERE 中我需要通过 address.value 查找对象，但是在 SQL 中有函数
每次我尝试编译我的代码时，我都会遇到大量错误。这不是我的代码的问题，因为它在另一台计算机上工作得很好。我尝试重新安装和修复，但这没有帮助。这是整个错误消息: 1>------ Build starte
在我的代码的类部分，如果我写一个错误，则在不应该的情况下，将有几行报告为错误。我将'| error'放在可以从错误中恢复的良好/安全位置，但是我认为它没有使用它。也许它试图在某个地方恢复中间表情？ 有
我遇到了 csv 输入文件整体读取故障的问题，我可以通过在 read_csv 函数中添加 "error_bad_lines=False" 来删除这些问题来解决这个问题。 但是我需要报告这些造成问题的文
在 Spring 中，验证后我们在 controller 中得到一个 BindingResult 对象。 很简单，如果我收到验证错误，我想重新显示我的表单，并在每个受影响的字段上方显示错误消息。 因此
我不知道出了什么问题，因为我用 Java 编程了大约一年，从来没有遇到过这个错误。在一分钟前在 Eclipse 中编译和运行工作，现在我得到这个错误: #A fatal error has been
SELECT to_char(messages. TIME, 'YYYY/MM/DD') AS FullDate, to_char(messages. TIME, 'MM/DD
我收到这些错误: AnonymousPath\Anonymized.vb : error BC30037: Character is not valid. AnonymousPath\Anonymiz
我刚刚安装了 gridengine 并在执行 qstat 时出现错误: error: commlib error: got select error (Connection refused) erro
嗨，我正在学习 PHP，我从 CRUD 系统开始，我在 Windows 上安装了 WAMP 服务器，当我运行它时，我收到以下错误消息。 SCREAM: Error suppression ignore
我刚刚开始一个新项目，我正在学习核心数据教程，可以找到:https://www.youtube.com/watch?v=zZJpsszfTHM 我似乎无法弄清楚为什么会抛出此错误。我有一个名为“Exp
当我使用 Jenkins 运行新构建时，出现以下错误: "FilePathY\XXX.cpp : fatal error C1853: 'FilePathZ\XXX.pch' precompiled
我是一名优秀的程序员,十分优秀！