onEnter und onExit nicht aufgerufen wird, wenn der Staat Links - /aktiviert in angularjs ui-router

Dies ist mein plunker http://plnkr.co/edit/GMfMcXgHguYjFYoxWEaM

1.) click the above live demo link
2.) click the "create" button which should activate the projects.create state
3.) an alert() should pop up now but it does not.

Warum sind diese onExit und onEnter-Rückrufe in den Projekten Zustand definition nicht genannt?

Den Projekten Zustand onExit ausgelöst werden soll, wenn dieser Zustand verlassen wird und wir aktivieren die Projekte.Status erstellen.

app.js

   .config(function($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.otherwise('/projects');

        $stateProvider
      .state('projects', {
        url: '/projects',
        views: {
          'menu@""': {
            template: 'Start your projects!'
          },
          'content@': {
            templateUrl: "projects.html",
            controller: 'ProjectsController',
            onEnter: function(){
              alert('hello onEnter');
            },
            onExit: function(){
              alert('hello onExit');
            }
          }
        }
      })
      .state('projects.create', {
        url: '/create',
        views: {
          'outer@': {
            templateUrl: 'projects.create.html',
            controller: 'ProjectWizardController'
          }
        }
      })
      .state('projects.selected', {
        url: '/:projectId'
      })

  });
  • Bitte fügen Sie die plunkr link zu code anzeigen.
  • Ich sehe keine onEnter oder onExit Funktionen in Bezug auf das erstellen Seite fließen. Auch ich sehe keine alert() Erklärung, die, sollte der trigger auf den Umzug in einen Status erstellen.
  • Seinen alles dort sehen Sie den code oben einfügen! Ich aktualisierte die Frage mit genaueren Infos zu.
  • Ich meinte, dass ich nicht sehen, die onEnter - & onExit-code in Ihre plunker oder ich Suche an der falschen Stelle. Ich freue mich auf app.js Datei.
  • argh... bitte schauen Sie auf den link oben zu meiner Frage 🙂 ich hatte über 40 tabs offen...
  • Ich weiß nicht, was das problem ist. Dies ist frustrierend. Ich verstehe immer noch nicht diese onEnter & onExit Rückruf in der angegebenen plunkr link für die Seite erstellen, in der app.js - Datei.
  • Wenn ich auf meinen eingefügten link oben, dann kann ich sehen, die app.js mit der onExit - /onEnter-Funktionen können Sie NICHT? Aber Sie können auf die plunker?
  • Ich habe WIEDER eine neue kürzere plunker link oben eingefügt und alle wichtigen code der app.js hier auf ALSO. Das sollte genug sein.

InformationsquelleAutor HelloWorld | 2014-12-31
  1. 5

    Okay, ich hab es jetzt. Das erste problem ist, dass, wenn Sie mit verschachtelten Ansichten, dann können Sie nicht verwenden onEnter & onExit Rückrufe gibt es (view-Ebene). Sie können verwenden Sie nur die auf staatlicher Ebene Konfiguration.

    Für die Referenz-Dokumentation: https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views#views-override-states-template-properties

    Wenn Sie definieren, ein Objekt Ansichten, Ihre Staatliche templateUrl, Vorlage und
    templateProvider werden ignoriert. Also in dem Fall, dass Sie brauchen eine
    übergeordnete layout dieser Ansichten, definieren Sie eine abstrakte Staat, der
    enthält eine Vorlage, und ein Kind Stand unter der layout-Zustand,
    enthält die 'Blick' - Objekt.

    Nun da, können Sie nicht verwenden Sie Sie auf view-Ebene, die Sie haben, um Sie Ihrem Staat config für die Seite erstellen wie diese:

    .state('projects', {
    url: '/projects',
    views: {
      'menu@""': {
        template: 'Start your projects!'
      },
      'content@': {
        templateUrl: "projects.html",
        controller: 'ProjectsController'
      }
    }
  })
  .state('projects.create', {
    url: '/create',
    views: {
      'outer@': {
        templateUrl: 'projects.create.html',
        controller: 'ProjectWizardController'
      }
    },
    onEnter: function(){
       alert('hello onEnter');
    },
    onExit: function(){
        alert('hello onExit');
    }
  })

    Hoffe, das hilft!

    • Ihr code funktioniert, vielen Dank. Aber ich verstehe nicht, von wo Sie gelesen haben, dass ich setzen muss, onExit/onEnter auf der staatlichen Ebene und nicht Ansichten-Ebene. Die Dokumentation text, den du zitiert hast, spricht über templateUrl, Vorlage etc. keine Rückrufe ?!
    • Ja, eigentlich Beispiel in der Dokumentation verwendet nur Vorlage/templateUrl und controller in die view-Ebene. Aber Sie haben nicht diese Rückrufe überall auf view-Ebene. Das bedeutet, ist klar, dass wir nicht verwenden können, diese Rückrufe auf view-Ebene. Und logisch auch, dass wenn es zwei benannte Ansichten in einem Staat, es gibt keinen Punkt, der Bereitstellung von separate Rückrufe für beide Ansichten, da Sie beide geladen werden, die auf die Aktivierung. Und dann habe ich bestätigt, gleich, nachdem die Anzeige der Quellcode.
    InformationsquelleAutor Shashank Agrawal
Schreibe einen Kommentar