Ich habe dieses Tutorial, das den Code ausgeführt hat und ich habe versucht, es zu meinem eigenen zu machen. Aber leider funktioniert es nicht. Es gibt eh folgende Fehlermeldung:
angular.min.js:84Error: [$injector:unpr] http://errors.angularjs.org/1.2.9/$injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24route%20%3C-%20ngViewDirective
at Error (native)
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:6:449
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:125
at Object.c [as get] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200)
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:193
at c (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200)
at Object.d [as invoke] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:417)
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:211
at c (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200)
at Object.d [as invoke] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:417)
Ich weiß, dass dieser Fehler hier öfter geschrieben wurde, aber die meisten von ihnen mit kompliziertem Code zu tun als meine, und es scheint nicht gelten.
Das Tutorial, dass ich folgenden hier hochgeladen, in einwandfreiem Zustand: http://gerbenboersma.com/sites/AngularTests/
Und mein eigener Code ist es fast ähnlich, in meiner letzten Version, die ich auch alle die gleichen Namen verwendet. Hier ist sie:
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<title>Gerben Boersma | Portfolio | 2016</title>
<link rel="stylesheet" href="css/styles.css">
<script src="lib/angular.min.js"></script>
<script src="lib/angular-route.min.js"></script>
<script src="js/works.json"></script>
<script src="js/controllers.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<div class="outer-content">
<div class="green-bar"></div>
<div class="content" ng-view>
</div>
</div>
</body>
</html>
Und controllers.js:
var artistControllers = angular.module('artistControllers', []);
artistControllers.controller('ListController', ['$scope', '$http', function($scope, $http) {
$http.get('js/works.json').success(function(data) {
$scope.works = data;
$scope.artistOrder = 'name';
});
}]);
Und app.js:
var myApp = angular.module('myApp', [
'ngRoute',
'artistControllers'
]);
myApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/list', {
templateUrl: 'partials/list.html',
controller: 'ListController'
}).
otherwise({
redirectTo: '/list'
});
}]);
Ich habe zu lange auf diesen Stücken suchen, und es isn Es ist sogar so viel. Trotzdem kann ich das Problem nicht finden. Laut der AngularJS-Fehlerreferenz stimmt möglicherweise etwas mit der Art und Weise, wie ich Dinge benannt habe, nicht überein, aber in diesen neuesten Versionen habe ich nicht einmal die Namen der ursprünglichen Tutorial-Beispiele geändert, was ziemlich gut zu funktionieren scheint. Ich hoffe, dass jemand etwas Licht darauf werfen kann.
Prüfung Winkel- und Winkel Route Versionen .. repliziert werden sie widersprüchliche sein könnte ... –