Tag: angular-ui-router

UI-Router entwickelt sich das Konzept von AngularJS Route in ein Allgemeines Konzept des Staates für die Verwaltung von komplexen application UI-Staaten. Vor allem, es können verschachtelte state/view-Hierarchien und mehrere benannte Ansichten.

Der Benutzer wird in einen untergeordneten Status versetzt, wenn er mit UI-Router in den übergeordneten Status wechselt

Anzahl der Antworten 9 Antworten
Folgendes: .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',

Promise Abhängigkeit Auflösung Reihenfolge in eckigen Ui-Router

Anzahl der Antworten 4 Antworten
Habe ich eine top-level-controller ist erst dann instanziiert, wenn ein Versprechen (zurückgegeben durch eine Config - Fabrik) erfolgreich aufgelöst. Dieses Versprechen Grunde lädt die Web-app-Konfiguration, mit Rest-endpoints und so weiter. $stateProvider .state('app', { url: '/', templateUrl: 'views/_index.html',

Ui Router - verschachtelte Ansichten mit gemeinsamem Controller

Anzahl der Antworten 4 Antworten
Habe ich eine abstrakte übergeordnete Ansicht, die Sie teilen sollten, ein controller mit seinen verschachtelten views. .state('edit', { abstract: true, url: '/home/edit/:id', templateUrl: 'app/templates/editView.html', controller: 'editController' }) .state('edit.details', { url: '/details', templateUrl: 'app/templates/editDetailsView.html' }) .state('edit.info', { url:

eckiger UI-Router | $ stateParams funktioniert nicht

Anzahl der Antworten 5 Antworten
scheint, wie $stateParams funktioniert nicht. vorbei date wie diese: $state.go('state2', { someParam : 'broken magic' }); params ignoriert auf den soll-Zustand console.log('state2 params:', $stateParams); //return empty object {} code: var app = angular.module('app', [ 'ui.router' ]); app.config(function($stateProvider)

Angulare UI-Router Login-Authentifizierung

Anzahl der Antworten 10 Antworten
Ich bin neu in AngularJS, und ich bin ein wenig verwirrt, wie ich die verwenden kann, eckig-"ui-router" in das folgende Szenario: Ich Baue eine web-Applikation besteht aus zwei Abschnitten. Der erste Abschnitt ist die homepage mit Ihrem

AngularJS ändern Route mit ng-Klick mit Ui-Router

Anzahl der Antworten 1 Antworten
Wie kann ich die route zu ändern.Zustand mit ng-klicken Sie statt einem link anwenden von ui-sref. Habe ich versucht, dieses: <button ng-click="selectDir(file.fullPath)">set</button> mit $scope.selectDir = function(location) { options.storageLocation = location; $route.current = 'recorder.options'; } Aber es funktioniert

UI-Router Auflösung mit dynamischen Parametern

Anzahl der Antworten 1 Antworten
Dies ist wahrscheinlich einfach, aber ich kann nicht finden, alles, was in den docs und googeln hat auch nicht geholfen. Ich bin versucht zu definieren, ein Zustand, in $stateProvider wo die URL, die ich brauche, um Treffer

Wie man die Option zum erneuten Laden in ui-sref-Markup einstellt

Anzahl der Antworten 1 Antworten
Wie kann ich angeben das reload option in einem ui-sref markup? Alle Beispiele, die ich sehen, verwenden Sie die javascript-Funktion direkt. <a ui-sref="app.editPost({new:true}, {reload:true})">new post</a> Scheint nicht zu funktionieren. Muss ich zum erstellen eines Bereichs-controller-Funktion zu wickeln,

Was ist der angulare UI-Router-Lebenszyklus? (zum Debuggen stiller Fehler)

Anzahl der Antworten 5 Antworten
Die besten, die ich gefunden habe, ist http://www.ng-newsletter.com/posts/angular-ui-router.html. Es muss nicht so tief gehen wie, zum Beispiel, die Reihenfolge, in der die $stateChangeStartexampleState.onEnterexampleState.resolveund exampleState.templateProvider Feuer. Eine tolle Antwort-format wäre sauber. So etwas wie: Ersten pageload der Staat

Kannst du ng-click mit ui-sref verwenden?

Anzahl der Antworten 1 Antworten
Kann ich tun? <button ng-click='vm.foo()' ui-sref='state'>test</button> InformationsquelleAutor der Frage Adam Zerner | 2015-08-24

Angular UI-Router $ urlRouterProvider .wenn nicht funktioniert, wenn ich auf & lt; a ui-sref = "..." & gt;

Anzahl der Antworten 2 Antworten
Habe ich .when('/center', '/center/question') in meinem Winkel-web-app. Geben, wenn ich '/center' in meinem browser wird umgeleitet zu '/center/question' als ich erwartet, aber wenn ich auf die <a ui-sref="center" href="#/center"></a>es wird nicht umgeleitet und bleiben Sie einfach auf

Wie macht man den Elternstatus des angularen ui-routers immer dann, wenn der Zustand sich ändert?

Anzahl der Antworten 3 Antworten
Sagen wir, wir haben ein Eltern-Kind-Beziehung definiert, in unserer $stateProvider wie folgt: .state('myProfile', { url: "/my/profile", templateUrl: 'my/profile.html', controller: 'MyProfileController' }).state('myProfile.edit', { url: "/edit", templateUrl: 'my/profile.edit.html', controller: 'EditMyProfileController' }); Die Idee hier ist, dass die Eltern myProfile

Angular UI Router Nested State Auflösung in untergeordneten Zuständen

Anzahl der Antworten 2 Antworten
In einer eckigen app, die ich auf Arbeit bin, möchte ich es zu einer abstrakten übergeordneten Staat, der Sie lösen muss, bestimmte Abhängigkeiten, die für alle seine Kinder-Staaten. Speziell möchte ich alle Zustände, die einen authentifizierten Benutzer

Wie hätte ich den UI-Router zu einem externen Link, wie google.com?

Anzahl der Antworten 4 Antworten
Beispiel: $stateProvider .state('external', { url: 'http://www.google.com', }) url wird davon ausgegangen, dass dies ist ein interner Zustand. Ich will, dass es wie href oder etwas zu diesem Effekt. Ich habe eine Navigationsstruktur, erstellen von ui-Routen und ich

Wie senden und empfangen Sie Parameter mit $ state.go toParams und $ stateParams?

Anzahl der Antworten 12 Antworten
Ich bin mit AngularJS v1.2.0-rc.2 mit ui-router v0.2.0. Ich möchte übergeben werden, die referrer-Zustand zu einem anderen Zustand, so dass ich die toParams von $state.go etwa so: $state.go('toState', {referer: $state.current.name}); Entsprechend der docsdies sollte füllen die $stateParams

AngularJS, ui.router, laden Vorlage und Controller basierend auf Benutzerrolle

Anzahl der Antworten 9 Antworten
Entwickelt ich eine Single-Page-App, die mithilfe einer REST-api. Die Benutzer müssen sich anmelden, um auf die Anwendung zuzugreifen. Wenn sich ein Benutzer anmeldet werden Sie weitergeleitet auf /dashboard. Auf dieser URL /route, ich möchte zum laden einer

Angular - UI Router - fügt programmatisch Zustände hinzu

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit, programmgesteuert hinzufügen Mitgliedstaaten $stateProvider nach der Modul-Konfiguration, z.B. service ? Hinzufügen, um mehr Kontext zu dieser Frage habe ich eine situation, wo ich gehen kann mit zwei Ansätzen: versuchen zu zwingen, den laden

Trigger Status in Button-Tag mit Ui-Sref

Anzahl der Antworten 7 Antworten
Was ist der elegante Weg, um die trigger-ein Staat mit angular-ui-router indem Sie <button>? Ich bin mit ui-sref="main" und es scheint nicht zu funktionieren, obwohl es funktioniert mit <a> obwohl. HTML: <!DOCTYPE html> <html ng-app="plunker"> <head> <meta

Wie sieht man, welche Zustände in AngularJS / UI-Router konfiguriert sind?

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit, um zu sehen, alle von den Mitgliedstaaten festgelegt wurden, auf $stateProvider? In diesem Fall möchte ich meine Staatliche Aufgaben werden verteilt auf viele Dateien. Ich möchte untersuchen gebaut Staaten auf run oder config

Unterschied zwischen ui-sref und $ state.go im AngularJS UI-Router

Anzahl der Antworten 2 Antworten
Gibt es eine funktionalen Unterschied zwischen ui-sref und $state.go()? ui-sref verwendet wird, in <a>...</a> und $state.go('someState') ist in einem controller. In HTML, die ich benutzen würde: <a ui-sref="currentState.state1">Link</a> in der Erwägung, dass in einer Funktion, die ich

AngularJS: Übergeben Sie ein Objekt in einen Zustand mit Ui-Router

Anzahl der Antworten 6 Antworten
Ich würde gerne in der Lage sein, um den übergang zu einem Zustand, und übergeben Sie ein beliebiges Objekt mit ui-router. Ich bin mir bewusst, dass in der Regel $stateParams verwendet wird, aber ich glaube, in diesem

Wie bekomme ich den Zurück-Button, um mit einem AngularJS-Router zu arbeiten?

Anzahl der Antworten 8 Antworten
Implementierte ich eine angularjs single page application unter Verwendung ui-router. Ursprünglich identifizierte ich jeder Status mit einem eindeutigen url allerdings das unfreundliche, GUID verpackt urls. So, ich habe jetzt mein Seite viel einfacher state-machine. Die Staaten sind

Lokalisieren Sie URLs mit ui-router und angular-translate

Anzahl der Antworten 4 Antworten
Ich bin mit ui-router für die routing-und angular-translate für die übersetzung. Was ich erreichen möchte ist, dass die ausgewählte Sprache binden, um die url in etwa so: www.mydomain.com/en/ www.mydomain.com/ru/ www.mydomain.com/en/about www.mydomain.com/ru/about und es wird entsprechend reagieren. Versucht,

Mehrere optionale Parameter mit eckigem ui-Router

Anzahl der Antworten 1 Antworten
Ich versuche, mit mehreren optionalen Parametern mit ui-router, aber es scheint nicht zu funktionieren. Unten sind die tests, die ich gemacht habe: Einzelnen parameter ist OK state.url url called state param values /page/:x /page/ $stateParams.x == ""

AngularJS ui Router, der Daten zwischen Zuständen ohne URL übermittelt

Anzahl der Antworten 2 Antworten
Ich bin mit diesem problem der übergabe von Daten zwischen zwei Staaten, ohne dass die Daten in der url, es ist wie der user, nicht wirklich direkt land auf diesen Zustand. Zum Beispiel. Ich habe zwei Zustände

Angular UI-Router Wie erstelle ich einen "Layout" -Zustand?

Anzahl der Antworten 6 Antworten
Gegeben, eine HTML-Datei, etwa so: <html> <header ui-view="header"></header> <div class="main" ui-view></div> <footer ui-view="footer"></footer> </html> Wie würde man ein layout erstellen Staat, der füllt den "header" mit einem kopfball-Vorlage, die Fußzeile mit footer-template, und dann erlauben Kind Mitgliedstaaten

Angular-UI-Router-Unit-Test (Status zu URLs)

Anzahl der Antworten 5 Antworten
Ich habe einige Schwierigkeiten Gerät testen der router in meiner Anwendung, die gebaut, auf der Winkel-ui-router. Was ich testen will ist, ob Statusübergänge ändern Sie die URL entsprechend (es wird komplizierter tests später, aber das ist, wo

Kann nicht herausfinden, warum die Seite unten geladen wird? Angular UI-Router Autoscroll-Problem

Anzahl der Antworten 4 Antworten
Für das Leben von mir, ich kann nicht herausfinden, warum diese Homepage lädt am Boden. Ist das ein angular-ui-router -, Winkel -, javascript-oder CSS-Problem? Ich Hänge schon länger auf diese für zwei Stunden, und nicht zu wissen,

Einen Route-Parameter zum Auflösen erhalten

Anzahl der Antworten 1 Antworten
Ich bin immer getötet durch meine Unfähigkeit zu verstehen Angular-UI-UI-Router. Ich habe einen Zustand wie folgt definiert: $stateProvider .state('member', { url: '/member/:membersId', templateUrl: 'templates/member.html', resolve : { //From examples for testing simpleObj: function(){ return {value: 'simple!'}; },

angular ui.router state.go ('statusname') funktioniert nicht

Anzahl der Antworten 2 Antworten
Dies ist die eckige.ui.router definition app.config([ '$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider){ $urlRouterProvider.otherwise('/'); $stateProvider.state('/login',{ url: "/", controller: 'Login', templateUrl: 'login.html' }) .state('/useractivities',{ url: "/activities", controller: 'activitiesController', templateUrl: 'useractivities.html' }) } ]); In der login-controller bin ich der Ausführung $state.go('useractivities',

Die Auflösungsfunktionen des UI-Routers werden nur einmal aufgerufen

Anzahl der Antworten 2 Antworten
Ich wollte mit ui-Router beheben-Funktion, um zu injizieren, einige readiliy gelöst verspricht in meinen Controller. Ich das Beispiel plnkr zu machen, ein Beispiel. Betrachten Sie diese verschachtelte Status: route1 und route1.list. Ich habe eine lösen-Funktion aufgerufen abc

Handhabung von Schrägstrichen im eckigenUI-Router

Anzahl der Antworten 5 Antworten
Es ist schon Stunden vergangen, seit ich begann die Arbeit an diesem problem, und ich kann nicht scheinen, um meinen Kopf um die Lösung. Habe ich eine app, die dazu führen, dass Benutzer tatsächlich die Eingabe in

Den aktuellen Statusnamen mit dem Router anzeigen

Anzahl der Antworten 6 Antworten
Ich versuche, umzusetzen einen language switcher, wo, wenn ein Benutzer klickt auf "de" von jeder Seite auf eine "de" - Seite - es nimmt Sie auf, der Seite des "de" - Seite. Wenn ich console.dir der $state-parameter,

Angularjs UI-Router. Wie man zur Anmeldeseite umleitet

Anzahl der Antworten 3 Antworten
Habe ich 4 Zustände: dashboarddahboard.maindashboard.kleinerelogin. dashboard ist Abstrakt und es ist eine übergeordnete Staatliche zum .kleinere und .Haupt-Staaten. Unten ist mein code: .state('dashboard', { url: "/dashboard", abstract: true, templateUrl: "views/dashboard.html", resolve: { auth: function ($q, authenticationSvc) {

Konnte '...' vom Staat nicht auflösen ''

Anzahl der Antworten 5 Antworten
Dies ist das erste mal, dass ich versuche, mit ui-router. 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

Verschachtelte Zustände oder Ansichten für Layout mit linker Leiste in UI-Router?

Anzahl der Antworten 2 Antworten
Habe ich das folgende layout: Sidebar und Headerbar wird immer vorhanden sein, obwohl Ihr Inhalt ist Kontext-spezifisch. Ich denke, es gibt hier zwei Optionen: verschachtelte Staaten (sidenav > Headerbar > Inhalt) oder mit Blick auf (wenn ich

Using Ui-Router mit Bootstrap-ui modal

Anzahl der Antworten 4 Antworten
Ich weiß, das abgedeckt wurde viele Male und die meisten Artikel beziehen sich auf dieses Stück code: Modal-Fenster mit benutzerdefinierten URL in AngularJS Aber ich verstehe es einfach nicht. Ich finde nicht, dass sich sehr klar an

Angular UI, Bootstrap Navbar Collapse und Javascript

Anzahl der Antworten 2 Antworten
Ich habe Probleme mit UI-Router in vielerlei Hinsicht. Ich verstehe nicht, wie es interagiert mit anderen frameworks. Nämlich, ich bin versucht zu implementieren Bootstrap-3 - collapse navbar-Modul, unten zu sehen: <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container">

Wie gebe ich den $ state.current.name von der ui-router statechange zurück

Anzahl der Antworten 4 Antworten
Ich möchte wieder die .state('name') wenn ich den Speicherort ändern, in eckig. Aus meiner run() es zurück $state Objekt: .run(function($rootScope, Analytics, $location, $stateParams, $state) { console.log($state); aber wenn ich versuche, zu bekommen$state.current es ist leeres Objekt .run(function($rootScope,

Umfang und Controller Instanziierung mit ui Router

Anzahl der Antworten 3 Antworten
Ich bin verwirrt darüber, Wann Controller bekommen instanziiert. Auch, wie Controller instanziiert, wenn Verschachtelung Staaten. Ich könnte verwechselt werden, wie Umfang bekommt befestigt, view und controller, das heißt, wenn jede Ansicht erhält seine eigene Steuerung und Umfang

"Ui-sref" aktualisiert die "ui-view" nicht (ihr Controller wird nicht erneut ausgeführt), wenn ein Link zweimal angeklickt wird

Anzahl der Antworten 4 Antworten
Wenn ein Staat klickte auf den ersten der div, der Besitzer der "ui-view" - Attribut wird ersetzt mit der "Vorlage" des Staates. Allerdings, wenn ich auf den gleichen Zustand wieder, Ihre Steuerung wird nicht neu geladen. Wie

Wie fügt man der URL mit dem AngularJS UI Router .go () Suchparameter hinzu?

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit zum hinzufügen einer Suche parameter, um die URL bei der Verwendung von UI-Router $state.go()? Ich würde gerne auf einen definierten Zustand mit zusätzlichen Informationen in der URL statt der Definition einer neuen route

Umleiten in den Status, wenn ein bestimmter stateParam leer ist

Anzahl der Antworten 2 Antworten
Ich bin mir nicht sicher, ob die Art, wie ich Tue, es ist richtig, jede Beratung wäre geschätzt. Habe ich ein Restaurant Auswahl, die der Benutzer kann wählen Sie ein restaurant aus. Dann alle anderen untergeordneten Staaten

Die Verwendung von 'controller as' mit dem ui-Router funktioniert nicht wie erwartet

Anzahl der Antworten 5 Antworten
Habe ich den folgenden Status setup für eine Seite mit einem abstrakten Zustand und die controller-as-syntax: # Details page route .state 'title', url: '/title', abstract: true, template: '<ui-view/>', .state 'title.show', url: '/:titleId', templateUrl: 'title/show.html' controller: 'Title as

$ Scope in eine eckige Service-Funktion einfügen ()

Anzahl der Antworten 6 Antworten
Ich habe einen Dienst: angular.module('cfd') .service('StudentService', [ '$http', function ($http) { //get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if

Teile der Seite als Teilansichten in Angular

Anzahl der Antworten 5 Antworten
Ich habe Folgendes problem zu lösen: Vom lokalen Menü (Menü auf der linken Seite) kann ich wählen, sub-Seiten. Ein typisches Szenario. Und jetzt würde ich gerne reload Inhalte im Zusammenhang mit den lokalen Menüpunkt. In reiner Winkel-ich

Angular UI-Router öffnet modales Fenster bei URL-Änderung

Anzahl der Antworten 2 Antworten
Ich verwende angular-ui-router und eckig-bootstrap in meinem Projekt. Ich implementieren möchten, Folgen Anwendungsfall: Wenn Benutzer klicken Sie auf "Bearbeiten" - button, UI-Router ändern Sie die URL und öffnen modale Fenster. Wenn ich zurück durch Klick auf die

Angular Ui-Router: Wie man den Zugang zu einem Zustand verhindert

Anzahl der Antworten 2 Antworten
Hallo, ich bin neu in angularJS und versucht haben, zu verhindern, dass der Zugang zu bestimmten Staaten basierend auf benutzerdefinierten Kriterien. Diese, von den ui-router-FAQ beschreibt genau, was ich tun will, aber ich kann nicht es erhalten,

Was ist der Unterschied zwischen $ state.go (app.location) und $ location.path ("app / location")?

Anzahl der Antworten 3 Antworten
Ich habe vor kurzem angefangen mit ionic framework, es hat angular js. Zum navigieren zwischen den Bildschirmen, ich war mit $Position.Pfad und es funktioniert Super. Allerdings, in einem Beispiel, das ich heruntergeladen habe, sah ich $Staat.gehen verwendet

zu $ routeProvider oder $ stateProvider

Anzahl der Antworten 2 Antworten
Bin ich auf der Suche für eine solide Antwort auf dieses Dilemma befinden, zu routeProvider oder nicht. Scheint es, als ob $routeProvider wird bald eingestellt werden und ersetzen mit $stateProvider leider weiß ich nicht mehr, die Richtigkeit