Question

下面是我的Angularjs路由代码，但不幸的是，当我运行代码时出现错误。

<!DOCTYPE html>
<html ng-app="routeApp">
<head>
<title>Routing - RouteParams</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
</head>
<body>
<div ng-view></div>

<script src="https://code.jquery.com/jquery-1.12.1.js"></script>
<script src="https://code.angularjs.org/1.0.8/angular.js"></script>
<script src="./vendor/angular/angular-sanitize.js"></script>
<script src="https://code.angularjs.org/1.2.10/angular-route.js"></script>

</body>
<script type="text/javascript">
var app = angular.module('routeApp',['ngRoute','ngSanitize']);
app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $routeProvider
        .when('/login',
        {
            templateUrl:'loginformroute.html',
            controller:'LoginController'
        })
        .otherwise({ redirectTo: '/login' });
    //  $locationProvider.html5Mode(true);
}]);

app.controller("LoginController", function($scope) {
   $scope.login = function () {
        alert(1);
   };
});


</script>
</html>

我的错误

Answer 1

在标题标记中移动脚本

<head>
<script src="https://code.jquery.com/jquery-1.12.1.js"></script>
<script src="https://code.angularjs.org/1.0.8/angular.js"></script>
<script src="./vendor/angular/angular-sanitize.js"></script>
<script src="https://code.angularjs.org/1.2.10/angular-route.js"></script>
</head>

还要考虑 angular.route和angular版本应该是相同的。所以请使用此版本（您可以从code.angularjs.org获取）而不是您的版本

Answer 2

$sce默认包含在angular 1.2+中，因此您不再需要清理以获得$sce。因此，请使用angular 1.2或更多版本并删除sanitize脚本。希望它能解决你的问题

Angularjs错误错误：未知提供者：$ sceProvider＆lt; - $ sce＆lt; - $ route＆lt; - ngViewDirective

2 个答案: