2016-06-01 11 views
1

Ich verwende Angular 1 mit UI Router (https://github.com/angular-ui/ui-router).Angular & UI Router - Vorlage wird geladen, aber nichts erscheint auf dem Dokument

Hier ist, wie mein Haupt app.js wie folgt aussieht:

var myApp= angular.module('myApp', [ 
    'ui.router' 
]); 

myApp.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise("/overview"); 
    $stateProvider 
    .state('overview', { 
     url: "/overview", 
     templateUrl: "templates/overview/overview.html" 
    }); 
}); 

Das Ding ist, ich bin in der Lage overview.html aber nichts zeigt auf dem Dokument zu laden (die Datei sicher nicht leer ist)

angular.js:11821 XHR finished loading: GET "http://localhost:8000/templates/overview/overview.html". 

Ich bin nicht sicher, warum das passiert.

Antwort

2

Ich glaube, Sie vergessen haben, tu

Beispiel ein div mit der UI-View-Direktive in Ihren index.html setzen: <div ui-view></div>

Eine andere Sache, die ich nicht ganz sicher bin, aber es ist, wie ich arbeite, habe ich die "templateUrl" in eine Sichtenliste innerhalb des Staates.

Ein Beispiel im in diesem Moment mit:

.state('home', { 
     url: '/', 
     views: { 
      '@': { 
      templateUrl: 'templates/main.html' 
      } 
     } 
    }); 

Hoffe, dass es auf Sie funktioniert und wenn nicht, könnten Sie weitere Informationen über Ihr Problem setzen Sie sich bitte? Ich denke, ich könnte Ihnen helfen (:

+0

Dies ist in der Tat das Problem :) es war schwierig zu bemerken. Vielen Dank – user3800799

1

Okay, das Problem war, dass ich ng-view statt ui-view verwendet habe.