AngularJS angular-ui-router - Übergeben von benutzerdefinierten Daten-controller

Folgendes ist mein code:

 .state('tab.dash', {
      url: '/dash',
      views: {
          'tab-dash': {
              templateUrl: 'templates/tab1.html',
              controller: 'QuestionsCtrl'
              //,resolve: { type: '.net' }
          }
      }
  })

  .state('tab.friends', {
      url: '/friends',
      views: {
          'tab-friends': {
              templateUrl: 'templates/tab1.html',
              controller: 'QuestionsCtrl'
              //,resolve: { type: 'SQL' }
          }
      }
  })

Möchte ich weitergeben eine unterschiedliche benutzerdefinierte Eigenschaft, die oben genannten zwei Routen, da Sie den gleichen Controller verwenden und Anzeigen, um es zu unterscheiden. Ich habe versucht eine verdammt viel Dinge. Bitte um Hilfe, wie dies zu tun!

InformationsquelleAutor Lakshay | 2014-11-15
  1. 14

    können Sie die übergabe von benutzerdefinierten Daten wie folgt

    .state('tab.dash', {
      url: '/dash',
      data: {
        customData1: 5,
        customData2: "blue"
      },
      views: {
          'tab-dash': {
              templateUrl: 'templates/tab1.html',
              controller: 'QuestionsCtrl'
              //,resolve: { type: '.net' }
          }
      }
  })

  .state('tab.friends', {
      url: '/friends',
      data: {
        customData1: 6,
        customData2: "orange"
      },
      views: {
          'tab-friends': {
              templateUrl: 'templates/tab1.html',
              controller: 'QuestionsCtrl'
              //,resolve: { type: 'SQL' }
          }
      }
  })

    In Ihrem controller, können Sie die Daten wie folgt

    function QuestionsCtrl($state){
    console.log($state.current.data.customData1);
    console.log($state.current.data.customData2);
}

    Lesen Sie mehr über dieses Thema hier https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views#inherited-custom-data

    • thnks viel asik
    InformationsquelleAutor Asik
  2. 0

    Gibt es mehrere Möglichkeiten, dies zu tun,

    Für kleinere Datenmengen könnte die $cookieStore, für Daten, die unter 4k
    Eine weitere option, besonders bei großen Datensätzen, wäre, die Nutzung im Lokalen Speicher und dann abrufen der Daten auf die Seite laden/reload.
    wenn es nur eine sehr kleine Menge von Daten, oder Daten, die über mehrere Seite, die Sie verwenden könnte, $rootscope, aber dies ist nicht die beste option, da es genau wie das verschmutzen der global-name-space.
    Die Letzte option, je nachdem, wie die Daten abgerufen werden, ein service implementiert werden konnte, das ist im Grunde ein singleton, der übergeben werden kann, um verschiedene Winkel-Rahmen.

    InformationsquelleAutor raman thakur
Schreibe einen Kommentar