stateprovider in angularjs - nicht das rendering der ui-view

In Ordnung. Ich komme bei diesem Teil für zwei Tage. Ich habe versucht, alles, was ich weiß.
Ich habe meine ui-router geladen und stateprovider definiert. Ich habe die UI, wie an mehreren Beispielen gezeigt, in website. Aber wenn ich laufen, es ist nicht das meine ui-view.

Index.html

<body  ng-app='ngBRep'>
<div>
    <div data-ng-include="'app/layout/shell.html'"></div>
</div>
<!--Angular-->
<script src="scripts/angular.js"></script>
<script src="scripts/angular-ui-router.js"></script>
</body>

Shell.html

<div data-ng-controller="shell as vm">
    SHELL
    <div ui-view></div>
</div>

Entry.html

<section id="entry-view" data-ng-controller="entry as vm">
    ENTRY
</section>

app.js

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

routes.js

var app = angular.module('ngBRep');

app.config(['$stateProvider', '$urlRouterProvider', routeConfigurator]);

function routeConfigurator($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/");
    $stateProvider
      .state('/', {
          url: '/',
          templateUrl: 'app/views/entry.html'
      })
        .state('profile', {
            url: '/profile',
            templateUrl: 'app/views/profile.html'
        });
    //Send to login if the URL was not found

}

Meine Erwartung ist, wenn ich navigieren Sie zu index.html ich sollte sehen
SHELL
PROFIL

Aber ich bekomme nur die SHELL.

Und das Schlimmste, es gibt eine bestehende website in unserem Projekt, das genau dieses und es funktioniert.

Jede Hilfe wird geschätzt. Danke.

  • Haben Sie ein script-element für app.js und ein weiteres für routes.js in Ihrem index.html?
  • wo ist profile.html?
InformationsquelleAutor Jap Evans | 2014-08-15
  1. 3

    Es ist ein funktionierendes plunker. Das Problem in diesem Fall ist auf die Tatsache zurückzuführen, dass wir mit zwei Funktionen (die sind in der Tat nicht zu erwarten /nicht entworfen, um zusammen zu arbeiten):

    • ng-include - zum Auffüllen der root Ansicht (in der Regel Teil der index.html)
    • ui-router - Ziel der root, die noch nicht geladen ist
    • und in der Tat enthalten ist, ausgeführt wird, die höher als der ui-router Standard-Aufruf zu$urlRouterProvider.otherwise("/"))

    So, während diese Vorlage in das root-index.html

    <div data-ng-controller="shell as vm">
    SHELL
    <div ui-view></div>
</div>

    Wir haben zu diesem Zweck in seine controller:

    app.controller('shell', function($scope, $state, ....){
   $state.go("/");
});

    Diese Weise lösen wir den Unterschied in der Ladezeiten (router ist schneller fertig ist dann die Vorlage aufgenommen, so fehlen die Ziele)

    Überprüfen Sie, dass hier

    • Dank Radim. Das hat geklappt. Ich überprüfte die anderen code, den ich hatte, das war die Arbeit, und Sie hatten die folgenden in der app.js app.ausführen(['$route', '$rootScope', '$Frage', '$Staat', function ($route, $rootScope, $q, $Zustand) { }]);
    • [cont] obwohl nichts war in der Funktion, ich denke die Injektion von $route, $routeScope haben einige trick.
    • Tatsächlich dies wurde eingeführt, neue problem. Wenn ich versuche browse /profile/Serie direkt durch die Eingabe der url in den browser, es geht immer um '/' da habe ich $Status.gehen("/"); shell und shell geladen wird ersten. Bitte helfen Sie. Lassen Sie mich wissen, wenn Sie meine neue routes.js
    • diesen link gefunden, der das unterstützt meine zweite Bemerkung. github.com/angular/angular.js/issues/4957
    • Diesen link mein Problem gelöst github.com/angular-ui/ui-router/issues/679
    InformationsquelleAutor Radim Köhler
Schreibe einen Kommentar