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.
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',
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',
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:
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)
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
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
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
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,
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
1
Antworten
Kann ich tun? <button ng-click='vm.foo()' ui-sref='state'>test</button> InformationsquelleAutor der Frage Adam Zerner | 2015-08-24
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
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
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
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
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
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
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
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
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
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
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
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
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,
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 == ""
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
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
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
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,
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!'}; },
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',
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
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
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,
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) {
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
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
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
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">
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,
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
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
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
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
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
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
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
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
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,
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
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