1
I in Winkel Routing ich studieren und etwas schief läuft Ich habe die folgende Dateistruktur:Injizieren Route Konfiguration von Modul Modul
index.html
<br>script.js
<br>first/first.js (controller) second.html (view)
<br>second/second.js (controller) second.html (view)
index.html
'use strict';
// script.js
angular.module('RoutingApp', [
'ngRoute',
'RoutingApp.first',
'RoutingApp.second',
'RoutingApp.third',
])
.config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix('!');
$routeProvider.otherwise({redirectTo: '/first'});
}]);
//first.js
'use strict';
angular.module('RoutingApp.first', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/first', {
templateUrl: 'first/first.html',
controller: 'First'
});
}])
.controller('First', [function() {
}]);
//second.js
'use strict';
angular.module('RoutingApp.second', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/second', {
templateUrl: 'second/second.html',
controller: 'second'
});
}])
.controller('second', [function() {
}]);ul {
list-style-type: none;
}<html lang="en" ng-app="RoutingApp">
\t <head>
\t \t <title>Routing app</title>
\t \t <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
\t \t <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.min.js"></script>
\t \t <script src="script.js"></script>
\t </head>
\t <body>
\t <nav class="navbar navbar-inverse">
\t <ul class="nav flex-column">
\t <li class="nav-item"><a href="#!first/first">Home</a></li>
\t <li class="nav-item"><a href="#!second/second">Contact</a></li>
\t </ul>
\t </nav>
<div ng-view></div>
//...
\t </body>
</html>und nichts passiert.
Was ist los?
** Beschreibe das Problem. ** "Etwas läuft schief" ist keine Problemaussage. Sagen Sie uns, wie das erwartete Verhalten sein sollte. Sagen Sie uns, wie der genaue Wortlaut der Fehlermeldung lautet und welche Codezeile sie erzeugt. Fügen Sie im Titel Ihrer Frage eine kurze Zusammenfassung des Problems ein. – georgeawg
** Divide and conquer. ** Wenn Sie eine kleine Menge Code haben, aber die Ursache des Problems völlig unklar ist, entfernen Sie den Code nach und nach, bis das Problem verschwindet - fügen Sie dann den letzten Teil zurück. – georgeawg
Ich habe ein bisschen geforscht, kann aber keine definitive Antwort finden .. es scheint, dass Sie die Konfigurationen nicht von einem Modul in das andere injizieren können. Das bedeutet, dass Sie die Routing - Konfiguration wahrscheinlich nur in dem Modul definieren müssen, das in ng-app-Direktive ('RoutingApp') .. auch wenn das deine Frage ist, ändere bitte deinen Fragetitel in etwas wie "Route Konfiguration von Modul zu Modul injizieren" –