如何解决“未捕获的错误:[$ injector:modulerr]”错误?
问题描述:
我与angularjs尝试,但我得到这个错误:未捕获的错误:[$注射器:modulerr]
这是我的html代码:
<!DOCTYPE html>
<html ng-app="adphorusWork">
<head lang="en">
<meta charset="UTF-8">
<title>Search Movie</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="scripts/angular.min.js"></script>
<script src="scripts/angular-route.min.js"></script>
<script src="scripts/jquery-1.9.1.min.js"></script>
<script src="app/search-movie.js"></script>
</head>
<body ng-controller="searchMovieController">
<div class="navbar navbar-default navbar-fixed-top" style="margin-top: 20px;">
<div class="container-fluid">
<ul>
<li>
<a href="http://www.omdbapi.com/">OMDb Api</a>
</li>
</ul>
</div>
</div>
<div class="container" style="margin-top: 50px;">
<div class="bs-docs-section" id="">
<div class="row">
<div class="col-lg-12">
<div class="page-header">
<h2><a href="https://github.com/Cakmakk">My Github</a></h2>
</div>
<div class="bs-component">
<form class="well form-search" id="search-movie" onsubmit="return false;">
<fieldset>
<legend>Search Movie</legend>
</fieldset>
<div>
<label class="control-label" for="movie-name">Movie Name : </label>
<input type="text" id="movie-name" class="input-small" style="margin-left: 10px;">
<button id="btn-search-movie" type="button" class="btn-sm btn-primary" style="margin-left: 10px;" ng-click="searchMovie()">
<span class="glyphicon glyphicon-search"> Search</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
,这是我的搜索movie.js码以下内容:
(function() {
'use strict';
angular.module('adphorusWork', ['ngRoute'])
.controller('searchMovieController',
['$scope','$route',
function ($scope,$route) {
$scope.searchMovie = function() {
alert("come")
}
}]);
})();
还例如,当我我正在搜索'adphorusWork'我可以看到这个:Search finished.No matching found。它不应该是这样的。我应该在search-movie.js中看到angular.module('adphorusWork', ['ngRoute'])
我在哪里做错了?
答
确保您已添加角度和角度路线文件。
看到pluker:https://plnkr.co/edit/xZFrNepOa5wsbM0lMUbV?p=preview
它工作正常,我没有一个错误。
(function (angular) {
'use strict';
angular.module('adphorusWork', ['ngRoute'])
.controller('searchMovieController',
['$scope','$route',
function ($scope,$route) {
$scope.searchMovie = function() {
alert("come")
}
}]);
})(angular);
答
包括以下内容:
var app = angular.module("myApp", ["ngRoute"]);
您可以点击错误的左侧的箭头后添加屏幕截图? – ValLeNain
如果您正在搜索'adphorus',你能找到结果吗? –
闻起来像重复。 – Knu