2017-10-25 3 views
0

Es funktioniert nicht mit dem letzten, wo drei Zustände sind. Wie kann ich es funktionieren lassen?Ui Router URL Fehler

Es ist kein Fehler aufgetreten. Die Seite selbst nicht geladen werden (Es ist wie ich Link drücken und es ändert sich nichts (außer URL in Browser-Adresszeile))

.state('parent', { 
      url: '/home', 
      abstract: true, 
      template: '<ui-view/>' 
     }) 
     .state('parent.index', { 
      url: '/index', 
      template: '<h1>test1</h1>' 
     }) 
     .state('parent.contact', { 
      url: '/contact', 
      template: '<h1>test2</h1>' 
     }) 
     .state('parent.contact.test', { 
      url: '/test', 
      template: '<h1>test3</h1>' 
     }) 
+0

Mögliche Duplikat [AngularJS Nested heißt es: 3 Level] (https://stackoverflow.com/questions/21818515/angularjs-nested-states-3-level) – pegla

+1

bitte erläutern Sie im Detail. Welchen Fehler genau hast du vor? Bitte stellen Sie Ihre Frage ausführlicher. –

+0

Aktualisiert meine Frage –

Antwort

0

versuchen, für diese, zu kurz sein, Kontaktzustände sind Kinder von parentstate, Sie können also nicht auf die Testansicht zugreifen, da sie sich auf den Teststatus bezieht.

So müssen Sie schreiben:

.state('parent.contact.test', { 
    url: "/test", 
    views: { 
    '[email protected]' :{ 
     templateUrl: "test.html" 
    } 
    } 
}) 
+0

Ich habe versucht, aber es funktioniert auch nicht :(Können Sie eine Plunkr erstellen, um zu zeigen, wie es sein sollte? –

+0

und kann es mit Vorlage (nicht TemplateUrl) arbeiten? –

+0

ja, können Sie versuchen. –