Als «angular-ui-router» getaggte Fragen

UI-Router entwickelt das Konzept einer AngularJS-Route zu einem allgemeineren Konzept eines Status für die Verwaltung komplexer UI-Status von Anwendungen. Insbesondere erlaubt es verschachtelte Status- / Ansichtshierarchien und mehrere benannte Ansichten.

14
Stellen Sie den Seitentitel mit dem UI-Router ein
Ich migriere meine AngularJS-basierte App, um den UI-Router anstelle des integrierten Routings zu verwenden. Ich habe es wie unten gezeigt konfiguriert .config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/home'); $stateProvider .state('home', { url: '/home', templateUrl : 'views/home.html', data : { pageTitle: 'Home' } }) .state('about', { url: '/about', templateUrl : 'views/about.html', data : { …
6
'...' konnte nicht aus dem Zustand '' aufgelöst werden
Dies ist das erste Mal, dass ich versuche, UI-Router zu verwenden. Hier ist meine app.js. angular.module('myApp', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if(window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); } if(window.StatusBar) { …
6
Leiten Sie einen Status mit UI-Router in AngularJS auf den Standard-Unterzustand um
Ich erstelle eine tabulatorbasierte Seite, auf der einige Daten angezeigt werden. Ich verwende UI-Router in AngularJs, um Zustände zu registrieren. Mein Ziel ist es, beim Laden der Seite eine Standardregisterkarte zu öffnen. Jede Registerkarte hat Unterregisterkarten, und ich möchte, dass beim Ändern der Registerkarten eine Standardunterregisterkarte geöffnet wird. Ich habe …
8
Wie kann ich den Zurück-Button mit einer AngularJS-UI-Router-Zustandsmaschine arbeiten lassen?
Ich habe eine AngularJS Single Page-Anwendung mit UI -Router implementiert . Ursprünglich identifizierte ich jeden Zustand mit einer eigenen URL, was jedoch zu unfreundlichen, GUID-gepackten URLs führte. Deshalb habe ich meine Site jetzt als eine viel einfachere Zustandsmaschine definiert. Die Zustände werden nicht durch URLs identifiziert, sondern einfach nach Bedarf …
8
Angular-UI-Router: UI-Sref-aktive und verschachtelte Zustände
Ich verwende angular-ui-routerund verschachtelte Zustände in meiner Anwendung und habe auch eine Navigationsleiste. Die Navigationsleiste ist handgeschrieben und dient ui-sref-activezum Hervorheben des aktuellen Status. Es ist eine zweistufige Navigationsleiste. Wenn ich jetzt drin Products / Categoriesbin, möchte ich, dass sowohl Products(in Level 1) als auch Categories(in Level 2) hervorgehoben werden. …
6
Angular UI Router-Unit-Test (Zustände zu URLs)
Ich habe einige Probleme beim Testen des Routers in meiner Anwendung, die auf dem Angular UI-Router basiert. Ich möchte testen, ob Statusübergänge die URL entsprechend ändern (es wird später kompliziertere Tests geben, aber hier fange ich an.) Hier ist der relevante Teil meines Bewerbungscodes: angular.module('scrapbooks') .config( function($stateProvider){ $stateProvider.state('splash', { url: …
7
Angularjs $ state Link in neuem Tab öffnen
Ich versuche, eine Funktion "Link in neuem Tab öffnen" mit der Funktion $ state.go zu implementieren. Es wäre großartig, wenn es Folgendes gäbe: $state.go('routeHere', { parameter1 : "parameter" }, { reload : true, newtab : true // or smth like target : "_blank" }); Gibt es eine Möglichkeit, dies mit …
11
(Angular-UI-Router) Zeigt die Ladeanimation während des Auflösungsprozesses an
Dies ist eine zweiteilige Frage: Ich verwende die Auflösungseigenschaft in $ stateProvider.state (), um bestimmte Serverdaten abzurufen, bevor der Controller geladen wird. Wie würde ich vorgehen, um eine Ladeanimation während dieses Vorgangs anzuzeigen? Ich habe untergeordnete Zustände, die auch die Auflösungseigenschaft verwenden. Das Problem ist, dass der UI-Router anscheinend alle …
3
So löschen Sie '#' Zeichen in Angular-UI-Router-URLs
Ich verwende die Angular-UI-Router-Bibliothek und habe ein Problem mit URLs. Ich habe folgenden Code: app.js: app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('state', { url: '/state', templateUrl: 'templates/state.html', onEnter: function () { /*... code ...*/ } })}); index.html: <a href="#/state">STATE</a> Dies funktioniert, aber wenn ich '#' aus dem <a>Tag entferne, funktioniert dies …
9
Weiterleiten des Benutzers in einen untergeordneten Status, wenn er mithilfe des UI-Routers in den übergeordneten Status wechselt
Folgendes berücksichtigen: .state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'}) .state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'}) .state('manager.staffDetail.view', {url:'/view', templateUrl: 'views/staff.details.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.schedule', {url:'/schedule', templateUrl:'views/staff.view.schedule.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.history', {url:'/history' , templateUrl:'views/staff.view.history.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.log', {url:'/log', templateUrl:'views/staff.view.log.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.view.files', {url:'/files', templateUrl:'views/staff.view.files.html', data:{activeMenu: 'staff'}}) .state('manager.staffDetail.edit', {url:'/edit', templateUrl: 'views/staff.edit.html', …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.