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.

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

Anzahl der Antworten 2 Antworten
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:

Aktualisieren Sie ui-router anzeigen, wenn sich der Zustand Parameter ändern?

Anzahl der Antworten 3 Antworten
Was ist die richtige Methode zum aktualisieren einer ui-router anzeigen, wenn sich der Zustand Parameter ändern? Beispielsweise, wenn ich habe ein Staat wie: .state("page.view", { url: "/pages/:slug", views: { "": { controller: "PageCtrl", templateUrl: "page-view.html", }, },

Angular-UI-Router templateUrl Problem

Anzahl der Antworten 1 Antworten
Ich bin immer noch lernen, die UI-Router für AngularJS und war in der Hoffnung etwas Hilfe zu bekommen. Ich bin unter Ausnutzung der verschachtelten views-Funktionen, sondern läuft in einigen Problemchen. Meine top-level-Eltern-Staat funktioniert, aber sobald ich anfange,

Holen Sie sich stateParams auf ändern ohne reload

Anzahl der Antworten 2 Antworten
Mache ich eine app mit angular ui router. Beim navigieren zu einem bestimmten Zustand, die hat immer ein Parameter übergeben werden, ich muss in der Lage sein zu ändern die url und die Parameter aktualisiert ohne Neuladen

stateprovider in angularjs - nicht das rendering der ui-view

Anzahl der Antworten 1 Antworten
In Ordnung. Ich komme bei diesem Teil für zwei Tage. Ich habe versucht, alles, was ich weiß. Ich habe meine ui-router geladen und stateprovider definiert. Ich habe die UI, wie an mehreren Beispielen gezeigt, in website. Aber

Seite neu laden browser auf back/forward-button in AngularJS mit ui-router

Anzahl der Antworten 1 Antworten
Ich habe die folgende config für den ui-Zustand des Routers in meinem angularjs app. $locationProvider.html5Mode(true); $stateProvider .state('index', { url: '/index?zoom&center', views: { 'map': { controller: 'MapCtrl', templateUrl: 'map.html' } }, reloadOnSearch:false }); Jedoch die zurück-Taste im browser

Probleme mit der aktiven Registerkarte Standard mit AngularJS UI-Boostrap, und UI Router

Anzahl der Antworten 2 Antworten
Bei der Verwendung eines UI-Boostrap tabset zusammen mit verschachtelten sticky Staaten erstellt mit ui-router und ui-router-extras, ich habe ein Problem, wo navigieren Sie zu einer Registerkarte, die Staat über die URL wählen, wird die erste Registerkarte, die

Was ist der richtige Weg, um mit dem "bool" param Typ mit ui-router?

Anzahl der Antworten 2 Antworten
Habe ich versucht zu machen, verwenden Sie das param-Typen mit ui-router und kann nicht scheinen, um Sie richtig auf. $stateProvider.state({ name: 'home.foo', url: '/foo/{isBar:bool}', controller: function() { }, templateUrl: 'foo.html' }); Meine Erwartung ist, dass ich in

Ändern Sie sowohl den Staat und die Parameter dynamisch im ui-sref

Anzahl der Antworten 1 Antworten
Mithilfe von ui-router ich möchte gerne die ui-sref-Richtlinie dynamisch innerhalb einer ng-repeat, etwa so: <a ng-repeat="step in steps" ui-sref="{{step.state(step.param)}}"></a> Wo Schritte ist ein array von "Status-Objekte" mit Ihren jeweils eigenen Staat und param-Objekt: var steps = [{state:

Wie bekommt man Daten von der Route oder ActivatedRoute bei der Anmeldung an den router.Veranstaltungen.subscribe in Angular2?

Anzahl der Antworten 4 Antworten
Ich versuche, die Daten von einem Router, wenn sich die Route ändert, aber ich bin nicht mit Erfolg. Hier habe ich den asdf Eigenschaft @NgModule({ bootstrap: [AppComponent], declarations: [ AppComponent, LoginComponent, DashboardComponent, OverviewComponent, ], imports: [ BrowserModule,

Router beheben nicht injizieren in die Steuerung

Anzahl der Antworten 2 Antworten
Ich habe alles versucht, um ui-router beheben, übergeben Sie den Wert für den gegebenen controller–AppCtrl. Ich bin mit dependency injection mit $inject, und das scheint die Probleme verursachen. Was bin ich? Routing $stateProvider.state('app.index', { url: '/me', templateUrl:

Vermeiden Sie die Verwendung von ui-view in Angular-ui-router

Anzahl der Antworten 1 Antworten
Wie es scheint, Angular.js ui-router muss haben ui-view um die ganze Sache zu arbeiten. Hier ist ein Beispiel ohne ui-view - und routing funktioniert NICHT (kein Alarm): http://plnkr.co/edit/e1vzj6pDdqADKJ2LSsd3?p=preview HTML: <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" />

Winkel 2, Wie Anzeige der aktuellen route name? (router-3.0.0-beta.1)

Anzahl der Antworten 1 Antworten
Will ich um den Namen der route in der app.component.html Vorlage. Ich bin auf der Suche nach einer einfachen Lösung, etwas, das wie folgt geschrieben werden: {{router.currentRoute.name}} Meine aktuelle router-config: export const routes: RouterConfig = [ {

Angular-UI-Router senden Stamm-url auf 404

Anzahl der Antworten 2 Antworten
Ich habe verdammte Problem bezüglich ui-router. Alles funktioniert, wie ich will, wo alle schlechten URLs gesendet werden, um die 404 Zustand. Jedoch, obwohl mein default-Zustand ist korrekt wiedergegeben, wenn die url ist /#/, die url / weitergeleitet

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

Anzahl der Antworten 1 Antworten
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

Angular-ui-router beheben, Wert als Zeichenfolge

Anzahl der Antworten 5 Antworten
Mit ui-router, füge ich alle beheben Logik im staatlichen Funktion wie diese; //my-ctrl.js var MyCtrl = function($scope, customers) { $scope.customers = customers; } //routing.js $stateProvider.state('customers.show', { url: '/customers/:id', template: template, controller: 'MyCtrl', resolve: { //<-- I feel

Ionic $Speicherort.Pfad() funktioniert im browser, aber nicht auf Geräte

Anzahl der Antworten 3 Antworten
So, ich habe den folgenden code, das ganze funktioniert im browser, aber aus irgendeinem Grund hält mich neu auszurichten zurück zum login auf die aktuelle Android-Gerät. controllers.js App.controller('LoginController', ['$scope', 'RequestService', '$location', 'OpenFB', '$rootScope', function($scope, RequestService, $location, OpenFB,

angular-ui-router: lösen Sie auf der root-Zustand

Anzahl der Antworten 4 Antworten
Soweit ich das verstanden habe, ui.router Haben Sie $stateProvider drin ist, kann man schreiben $stateProvider.state() schreiben Sie .state('account', { url: '/account', template: '<ui-view/>' }) .state('account.register', { url: '/register', templateUrl: '/account/views/register.html', data: { title: 'Create Account' }, controller:

ui-router nicht Rendern von views zu automatisieren

Anzahl der Antworten 1 Antworten
Ich vor kurzem gespalten, eine rails-app, die ich hatte, und schuf die front-end-als separate app mit yeoman. Für einige Grund meine Ansichten nicht mehr machen, zum Beispiel meine app definiert: 'use strict'; var actionTrackApp = angular.module('actionTrackApp', [

Fehler: $Injektor:modulerr Modul Fehler mit ui-router

Anzahl der Antworten 3 Antworten
ich kann nicht herausfinden, was das problem div#wrapper(ng-app="adminApp") .... js/ var adminApp = angular.module('adminApp', ['ui-router']); wenn ich var adminApp = angular.module('adminApp', ); den Fehler verschwinden warum ist das so? UPDATE: hinzufügen Bild von der Konsole wenn Sie

AngularJS: so entfernen Sie die aktuelle Ansicht url aus dem Fenster.Geschichte?

Anzahl der Antworten 1 Antworten
Habe ich #/load-data Ansicht mit spinner. Wenn Daten laden ist komplett controller-Weiterleitungen auf Unterschiede anzeigen $location.path('/show-info/'). Wie zu entfernen #/load-Daten aus der Geschichte zu vermeiden window.history.back() zu #/lade-Daten anzeigen? InformationsquelleAutor Alexey Ryazhskikh | 2015-02-26

Angular JS-Ereignis für die Seite gerendert mit ui.router

Anzahl der Antworten 2 Antworten
Hintergrund Szenario: Ich habe eine ng-repeat, das füllt meiner Ansicht dynamisch zu vergrößern, die <div> container. Muss ich einstellen der Höhe meiner <div> wenn das Rendern abgeschlossen ist, und ich auch machen müssen, dass auf jeder anderen

Angular-routing in HTML5mode mit Node.js

Anzahl der Antworten 3 Antworten
Ich weiß, es gibt andere Antworten auf diese, aber Sie scheinen Vorbehalte. Diese Ursachen eine Umleitung, die tödlich sein können für mein front-end-app, die benutzt Mixpanel, und eine Doppel-Belastung von Mixpanel wird ein Maximum Call Stack Size

Wie beibehalten optionale Status-parameter auf browser-zurück in den ui-router?

Anzahl der Antworten 4 Antworten
Bin ich mit einem Elternteil Zustand, hat zwei Kinder Stand drinnen, dass ich zeigen werde, der einen Staat auf der Grundlage der URL. Aus diesen zwei states eine ist, dass man Parameter wie param1 und param2 habe

Angular-UI-Router: Mehrere URLs zu einzelnen Staates

Anzahl der Antworten 3 Antworten
Habe ich begonnen mit angular-ui-router, und ich bin versucht, herauszufinden, wie man mehrere URLS verweisen, die zu einem einzigen Staat. Zum Beispiel: /orgs/12354/overview //retyrns the same pages as /org/overview My $state Anbieter ist derzeit so etwas wie

Wie übertrage ich einen Wert aus einem ui-gmap-windows Infofenster/Marker-ui-sref?

Anzahl der Antworten 3 Antworten
Ich versuche eine Verknüpfung zu erstellen, im inneren ein Infofenster auf einer Google-Karte, mit der angular-google-maps-Modul ist ui-gmap-windows. In meinem HTML-template habe ich: <ui-gmap-google-map center='main.map.center' zoom='main.map.zoom' options='main.map.options'> <ui-gmap-markers models="main.markers" coords="'self'" icon="'icon'" options="'options'" click="'onClick'" fit="true"> <ui-gmap-windows show="'showWindow'" closeClick="'closeClick'"

Mit routerLink und (Mausklick) in der gleichen Taste

Anzahl der Antworten 3 Antworten
Dies ist Fragen über best practice. Es ist eine gute Praxis zu verwenden routerLink und (Mausklick) in der gleichen Taste. <button routerLink="/link" (click)="back()"> Da können wir die router-Navigations-Logik in die back () - Methode, wie unten this.router.navigate(['/link']);

Senden von Ereignissen zwischen ui-router Staaten

Anzahl der Antworten 1 Antworten
Ich habe eine AngularJS-Anwendung, wo views wird $broadcast eine "Kontext-änderung" - Ereignis zu sagen, seine Kinder (ng-includes mit Controller und Richtlinien, die alle Ihre untergeordneten Bereiche) über das, was in der übergeordneten Ansicht. Jetzt bin ich refactoring

Passenden url-Pfad mit regex in $urlRouterProvider.wenn()

Anzahl der Antworten 1 Antworten
Basiert auf dem angular-ui-router-wiki (https://github.com/angular-ui/ui-router/wiki/URL-Routing#urlrouterprovider) es sollte auch möglich sein die regex für das matching der eingehenden Weg. Wie könnte ich es Ausdrücken regex entsprechen folgende Umleitung Regeln: $urlRouterProvider .when('', '/events') .when('/', '/events') .when('/:eventName', '/events/:eventName') .when('/results', '/events/results')

Wie verwalten Zustand mit ui-router mit mehreren Modulen

Anzahl der Antworten 1 Antworten
Habe ich eine app-Seite mit 3 Spalten. In der mittleren Spalte ist die Haupttätigkeit und wird immer angezeigt. Die beiden seitlichen Säulen sind widget-Listen, die haben Ihre eigenen controller und Staaten, und Sie können entweder ausgeblendet oder

Wie kann ich einen Standard-sub-anzeigen zeigen, wenn ich bin mit Angular-ui-router?

Anzahl der Antworten 1 Antworten
Habe ich die folgenden Zustände definiert: var test = { name: 'test', url: '/test', views: { 'page': { templateUrl: '/Content/app/test/partials/page.html', }, } } var testContent = { name: 'test.content', parent: 'test', url: '/:content', views: { 'page-content': {

ui-router verschachtelte views der Zugriff auf mehrere controller

Anzahl der Antworten 1 Antworten
mit ui-router, jedes Kind und Enkelkind ein Staat hat Zugang zu Ihren Eltern und Großeltern controller korrekt? So zum Beispiel eine .Zustand(Ressourcen.Ressource.Preisen) der .rate state-controller hat den Zugriff auf den $scope.Objekte in der Ressourcen-und Ressourcen (die haben

AngularJS UI-Routing - wie die route Staat als variable im controller?

Anzahl der Antworten 1 Antworten
Ich bin mit Angular JS und UI-Routing. Das routing funktioniert auch Prima. Mein problem ist, zeigen und verstecken ein Schieberegler, je nachdem, welche Seite der Benutzer ist. Meine index.html sieht ungefähr so aus: <body ng-app="myApp"> <header ng-include="'templates/header.html'"></header>

TypeError: Cannot read property 'open', undefined

Anzahl der Antworten 1 Antworten
Ich versuche, erstellen Sie ein POP-UP mit einem Modal in angular js.Ich bin vor und Problem.Seine sagt. TypeError: Cannot read property 'öffnen' von undefined. Ihre werfen bei $modal.open-Anweisung. Den code für die config wie folgt : homeModuleApp.config(function

Bedingte "sonst" routing in Eckige

Anzahl der Antworten 1 Antworten
Ich bin vertraut mit der "$urlRouterProvider.otherwise('{route here}')" syntax in eckigen verwenden als catch-all-in Angular-UI-Router. Was ich Frage ist - gibt es eine Möglichkeit, eine bedingte "sonst" - routing basierend auf den übergeordneten Staat, wenn die route eingegeben

Aktualisierung der Titel-tag mit AngularJS und UI-Router

Anzahl der Antworten 3 Antworten
Habe ich ein komisches Problem beim Versuch, den Titel der Seite mit dem Namen des aktuellen Stand (via ui-router). Eigentlich, das Problem ist nicht mit der Einstellung der Titel, das Problem ist, dass der Titel festgelegt wird,

AngularJS reloadOnSearch nicht funktioniert

Anzahl der Antworten 1 Antworten
Nach der Durchführung einer Suche und der Navigation Weg ich möchten, dass der Benutzer in der Lage sein, um zurückzukehren, um die such-Seite (durch schlagen zurück im browser) und behält die aktuellen Suchparameter. Ich bin gekommen, zu

$stateChangeSuccess nicht brennen auf der href-übergang

Anzahl der Antworten 5 Antworten
Bin ich richtig in meinem Fazit, dass $stateChangeSuccess wird nicht ausgelöst, es sei denn, ich benutze $Staat.transitionTo? Zum Beispiel: //in app config .state('detail.zoom', { url: '/zoom/{itemId}', templateUrl: 'detail/zoom-partial.html' }) //in html <a href="#/zoom/{{item.id}}" >ZOOM IT!</a> //in directive

Laden Externer URL in Angular2 router-Steckdose

Anzahl der Antworten 2 Antworten
Ich entwickle eine Anwendung mit Angular2. Ich habe eine Komponente mit der folgenden Vorlage: <div> <router-outlet></router-outlet> </div> Kann mir bitte jemand helfen, wie das laden einer externen URL 'www.example.com" in diesem div? InformationsquelleAutor UnderWood | 2016-08-09

UI-Router - Bereich nicht zerstört Zustand zu ändern?

Anzahl der Antworten 2 Antworten
Ich bin ein neuer Benutzer, AngularJS und ui-router, und ich bin versucht zu drehen, mein Kopf herum wie der Umfang verwaltet wird. Ich hatte erwartet, des Geltungsbereichs einer active-controller zerstört werden würde, wenn es inaktiv wird, auf

Wie gehen Staat params zu $Ort.url in Angular JS

Anzahl der Antworten 1 Antworten
In meinem Angular JS app , ich pass einige Parameter in der URL auf einen Zustand zu ändern, $state.go('dashboard.checkoutsuccess', { hostedid: hostedPageId, appName:$scope.appName}); Jedoch will ich mit $Position.url (), um den Zustand zu ändern, aber wie kann

Ionic-Registerkarten und seitliche Menü-navigation Problem

Anzahl der Antworten 1 Antworten
Ich lernen und versuchen, zu erstellen eine Ionische app mit tabs kombinieren der Seite im Menü. Hier ist, wie es aussieht (Codepen): Der Seite-Menü-Teil ist okay. Dort ist ein weiterer link auf meiner Homepage. Hier ist mein

Status wechselt ohne ändern der browser-Geschichte in angular-ui-router

Anzahl der Antworten 2 Antworten
Davon ausgehen, dass wir eine Logik wie diese: Von Staat A, Wechsel zu Zustand B. Immer, wenn wir kommen in den Zustand B, in der app werden immer umleiten Sie uns auf Stand C durch den Aufruf

ui-router Standard-Kind-Staat, der nicht arbeiten

Anzahl der Antworten 2 Antworten
Teste ich UI-Router geschachtelten Zustand, aber ich bin nicht in der Lage, Standard-Zustand im Eltern - /Kind-Szenario, bitte um Hilfe. Bibliotheken: Winkel 1.3.15 ui-router: 0.2.15 navigation Pfad: / - home /settings - parent state/page /settings.default - child

Anpassung der Höhe der ui-view-element[Angular.js Angular-UI-Router]

Anzahl der Antworten 2 Antworten
Ich bin mit angular.js und angular-ui-router. Es gibt ein kleines problem mit der Höhe der ui-view-element. Es ist fixiert auf die Höhe der view-port statt, dann seinen Inhalt. Der Inhalt wird dynamisch aktualisiert, die Höhe der Inhalt

Wie config-Angular-ui-router nicht für die Verwendung der strengen URL-matching-Modus

Anzahl der Antworten 2 Antworten
ui-router-version 0.2.11 eingeführt option zum ausschalten der strengen URL matching, aber ich kann nicht herausfinden, wie, es tatsächlich zu verwenden. Ich habe versucht die standard-config, da Sie in tests: app.config(function ($urlMatcherFactoryProvider) { $urlMatcherFactoryProvider.caseInsensitive(true); $urlMatcherFactoryProvider.strictMode(false); }); Keiner von

Ionic framework ionicView.eingetragen event gefeuert zweimal

Anzahl der Antworten 5 Antworten
Ich hab das Spiel mit diesem ionicView Ereignisse, die ausgelöst werden, wenn der Blick auf, aktiv zu werden, und ich bin mit der Seite-Menü-Vorlage, die Sie wieder verwenden können, wenn Sie das Projekt erstellen. Es scheint, dass,

AngularJS ui-router, Blättern Sie zum nächsten Schritt über Staatliche ändern

Anzahl der Antworten 4 Antworten
Ich bin mit UI-router in meine app und ich würde gerne so ein einfaches "scrollTo" auf einen Anker, wenn die URL/Status ändert. Ich will nicht zum laden der nächste Schritt aus einer Vorlage laden oder einen neuen

ui.router: wie man weglassen, ein default-parameter aus der URL

Anzahl der Antworten 1 Antworten
Habe ich die folgenden Zustände definiert mit $stateProvider: $stateProvider.state("byTeams", {url : "/team/{id}/{year}", ...}) $stateProvider.state("byPlayer", {url : "/player/{id}/{year}", ...}) Beim ändern ein Jahr, ich möchte die URL weglassen {year} Teil der URL, ob Sie mit der Standard -

UI-Router und zu lösen, unbekannte Anbieter im controller

Anzahl der Antworten 4 Antworten
Bin ich mit dem auflösen in meine UI-Router .Zustand () - Aufruf. In meinem controller habe ich Zugriff auf die Werte kein problem, aber es wirft eine Fehlermeldung wie folgt: $Injektor/unpr?p0=ctrlOptionsProvider%20%3C-trlOptions Der folgende code löst den Fehler