Angular-UI-Router templateUrl Problem
Ich bin immer noch lernen, die UI-Router für AngularJS und war in der Hoffnung etwas Hilfe zu bekommen. Ich bin unter Ausnutzung der verschachtelten views-Funktionen, sondern läuft in einigen Problemchen. Meine top-level-Eltern-Staat funktioniert, aber sobald ich anfange, Kinder zu erschaffen, die Vorlagen-URL ' s handeln starten. Es ist, als wenn die templateUrl ist nicht dynamisch, um Ihre top-level-Eltern. Bin ich die Benennung der template/view-Dateien falsch? Ich Tat mein bestes, um zu Folgen das Beispiel Kontakte-app auf dem repo-Geschäft.
projectsApp.js
var app = angular.module('scynergyApp.projects', ['ui.router']);
app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouteProvider){
$stateProvider
//////////////
//Projects //
//////////////
.state('projects',{
url: '/projects',
templateUrl: 'app/projects/projects.html' //THIS TEMPLATE URL WORKS
})
/////////////////////////
//Projects > Details ///
/////////////////////////
.state('projects.details', {
url: '/details',
templateUrl: 'app/projects/projects.details.html' //THIS TEMPLATE URL DOESNT WORK -> only if its '../app/projects/projects.details.html'
})
///////////////////////////////////
//Projects > Details > Overview //
///////////////////////////////////
.state('projects.details.overview', {
url: '/overview',
templateUrl: 'app/projects/projects.details.overview.html' //THIS TEMPLATE URL DOESNT WORK -> only if its '../app/projects/projects.details.html'
});
}]);
Datei Baum
public
app
projects
ProjectsController.js
projectsApp.js //dependency of app.js
projects.html
projects.details.html
projects.details.overview.html
app.js
Jede Richtung auf diesem würde sehr geschätzt werden. Danke
Du musst angemeldet sein, um einen Kommentar abzugeben.
sollten Sie besser absolute Pfade Zuordnung von Projekt-root wie /app/Projekte/blabla