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.
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:
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", }, },
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,
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
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
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¢er', views: { 'map': { controller: 'MapCtrl', templateUrl: 'map.html' } }, reloadOnSearch:false }); Jedoch die zurück-Taste im browser
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
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
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:
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,
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:
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" />
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 = [ {
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
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
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
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,
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:
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', [
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
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
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
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
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
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
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'"
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']);
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
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')
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
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': {
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
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>
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
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
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,
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
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
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
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
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
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
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
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
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
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
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,
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
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 -
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