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

InformationsquelleAutor Austin | 2014-12-24
Schreibe einen Kommentar