我正在尝试一个侧面菜单的示例。当我在示例中使用旁边菜单时，出现错误。
我为此编写了代码，如果我编写多个 Controller 并注入(inject) $aside ，我收到错误 $uibModalProvider <- $uibModal <- $aside ，我添加了下面的代码。
index.html
<!DOCTYPE html>
<html ng-app="asideApp">
<head>
<link data-require="bootstrap-css@3.2.0" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://rawgit.com/dbtek/angular-aside/master/dist/css/angular-aside.css" />
<link rel="stylesheet" href="style.css" />
<script src="https://code.angularjs.org/1.2.21/angular.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.14.3.min.js"></script>
<script src="https://rawgit.com/dbtek/angular-aside/master/dist/js/angular-aside.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="MainCtrl">
<div class="jumbotron">
<h1>Angular Aside</h1>
<p>
<button type="button" class="btn btn-default btn-lg" ng-click="openAside('left', true)">
<span class="glyphicon glyphicon-align-justify"></span> Left
</button>
<a href="https://github.com/dbtek/angular-aside" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-download"></span> Download</a>
<button type="button" class="btn btn-default btn-lg pull-right" ng-click="openAside('right')">
Menu <span class="glyphicon glyphicon-align-justify"></span>
</button>
</p>
</div>
</body>
</html>
Aside.html
<div class="modal-header">
<h3 class="modal-title">ngAside</h3>
</div>
<div class="modal-body">
Look i'm in aside.
</div>
<div class="modal-footer">
<button class="btn btn-primary">OK</button>
<button class="btn btn-warning">Cancel</button>
</div>
脚本.js
angular.module('asideApp', ['ui.bootstrap', 'ngAside'])
.controller('MainCtrl', function($scope, $aside) {
var asideInstance = $scope.openAside = function openAside(position) {
$aside.open({
placement: position,
templateUrl: 'aside.html',
size: 'lg'
});
};
});
我的问题是，如果我编写多个 Controller 、html，然后注入(inject) $aside因为我收到以下错误:
Error: [$injector:unpr] Unknown provider: $uibModalProvider <-
$uibModal <- $aside
http://errors.angularjs.org/1.4.1/$injector/unpr?p0=%24uibModalProvider%20%3C-%20%24uibModal%20%3C-%20%24aside
at angular.js:68
at angular.js:4255
at Object.getService [as get] (angular.js:4402)
at angular.js:4260
at getService (angular.js:4402)
at Object.invoke (angular.js:4434)
at Object.enforcedReturnValue [as $get] (angular.js:4296)
at Object.invoke (angular.js:4443)
at angular.js:4261
at getService (angular.js:4402)
可能是什么问题？
最佳答案
我认为您当前的 Angular 版本不支持 ngAside 指令。请将您的版本更改为稳定版本。我之前遇到过同样的问题。
关于javascript - 旁边菜单示例中的错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33664859/