Tag: angular-routing

Das ngRoute-Modul bietet routing und deeplinken Dienste und Richtlinien für angular apps.

Wie generieren Sie einen url-Pfad in den neuen Router Winkel-2

Anzahl der Antworten 2 Antworten
Was analog deprecated-router Methode generate im neuen Router 3.0.0? Früh kann es so etwas wie dieses: this._router.generate(['Profile']).urlPath; Wie es am neuen router? Was müssen Sie tun? Ich brauche, um eine konkrete route-Pfad. InformationsquelleAutor m.artamoshkin | 2016-10-12

Eckige ActivatedRoute Daten liefert ein leeres Objekt

Anzahl der Antworten 4 Antworten
Habe ich eine route eingetragen mit einigen Daten: const routes: Routes = [ {path: 'my-route', data: { title: 'MyTitle' }, component: MyComponent}, ]; und ich versuche, auf der Strecke ist-Daten mit ActivatedRoute: import { Component, OnInit }

Holen Sie sich Daten Über die ID in Eckigen 2/4

Anzahl der Antworten 2 Antworten
Ich habe eine Liste mit Bestellungen und ich möchte eine weitere Komponente, die die details der jeweiligen Bestellung. Wie kann ich die details zu jeder Bestellung, indem man seine id? Ich brauche die Anzeige der material_purchase_orders, indem

Ich bin immer "Eigenschaft ""router" gibt es nicht in Typ 'SigninComponent'.", während Sie diese.router.navigieren (['dashboard']); im Winkel 4

Anzahl der Antworten 3 Antworten
Ich habe import : import { RouterModule, Routes} from '@angular/router'; dann benutzt habe ich folgende Zeile in meiner Funktion innerhalb der Komponente this.router.navigate(['/dashboard']); InformationsquelleAutor Prateek Jadhav | 2017-07-03

AngularJS, Wie über mehrere Routen mit unterschiedlichen Vorlagen, die aber den gleichen controller?

Anzahl der Antworten 2 Antworten
ich bin die Untersuchung, wenn ich kann haben, was der Titel sagt. Hier ist mein Gedanke. Nehmen wir an, ich habe diesen Routen: .when('/', { templateUrl : 'partials/homepage.html', }) .when('/test', { templateUrl : 'partials/test.html', }) .when('/page/:pageID', {

Fehler: Uncaught (bei Versprechen): Fehler: Keine übereinstimmung keine Routen. URL-Segment: 'site-notice'

Anzahl der Antworten 1 Antworten
Im Total verwirrt über diesen Fehler. Ich habe eine sehr einfache einfache routing: const routes: Routes = [ { path: '', component: FrameDefaultComponent, pathMatch: 'full', children: [ {path: '', component: SiteCalculatorComponent}, {path: 'site-notice', component: SiteSiteNoticeComponent} ] },

Eckige 2-Router - CanActivate Guard

Anzahl der Antworten 1 Antworten
Ich bin Implementierung einer CanActivate Wache leiten den Benutzer auf die login-Seite, wenn Ihre Sitzung ist ungültig. Die überprüfen, ob die session gültig ist oder nicht wird durch ein service und so von der Wache ich, bin

Angular-Ui-Router ist nicht routing während der Verwendung node.js

Anzahl der Antworten 3 Antworten
Ich bin mit angular ui router. Der router scheint zu funktionieren perfekt auf der Startseite index.html. Aber andere navigation nicht funktioniert. Hier ist mein stateprovider Winkel: var app = angular.module('myApp', ['ui.router']); app.config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise("/"); $stateProvider .state("home",

wie pass route params in [routerLink] Winkel-2

Anzahl der Antworten 5 Antworten
Ich versuche, eine Anwendung zu erstellen mit Winkel 2,Und Wollen pass params-zu-tag a in [routerLink],ich will craete einem link wie diesem : <a href="/auth/signup?cell=1654654654"></a> ich weiß nicht, wie es passieren cell im template... Mögliche Duplikate von Angular2

Modul " ui.bootstrap' ist nicht verfügbar - Angularjs

Anzahl der Antworten 3 Antworten
Stehe ich vor einem seltsamen problem mit meinem angularjs-Projekt. Habe ich eine website wie - www.server.com/pwm (home-Seite). In der Seite ist ein Anker-tag mit nimmt mich mit zu einer anderen Seite - www.server.com/publishers. Wenn ich laden Sie

Last-controller dynamisch, abhängig von route-Gruppe

Anzahl der Antworten 4 Antworten
Ist es möglich, laden, controller, es ist js-Datei und einem template dynamisch basierend auf einer route, die Gruppe? Pseudo-code der nicht funktioniert: $routeProvider.when('/:plugin', function(plugin) { templateUrl: 'plugins/' + plugin + '/index.html', controller: plugin + 'Ctrl', resolve: {

How to get checkbox Wert in angularjs?

Anzahl der Antworten 4 Antworten
Habe ich eine 10(oder n)checkbox in meinem ng-view. Jetzt möchte ich hier Fragen, dass Was ist die effiziente und einfache Möglichkeit zu prüfen, ob checkbox aktiviert ist und wenn es aktiviert ist, um den Wert der checkbox.

ngRoute: cannot read property 'Modul' undefined

Anzahl der Antworten 2 Antworten
Habe ich versucht zu implementieren routing in meinem Projekt, aber finden es schwierig, dies zu tun. Hier ist meine index.html code <!DOCTYPE html> <!-- Angular Material CSS now available via Google CDN; version 0.11.2 used here -->

Laden externer Seite in ng-view mit AngularJs in einer SPA-Anwendung

Anzahl der Antworten 1 Antworten
Gibt es einen Weg, legen Sie eine externe web-Seite in angularjs ng-view. Zum Beispiel, wenn ich drücken Sie eine Verknüpfung mit ng-route in meinem Beispiel möchte ich, dass eine externe Seite geladen werden, in meinem eigenen web-Seite.

Problem mit Winkelgetriebe $route.reload();

Anzahl der Antworten 2 Antworten
Wenn Sie den folgenden code, aber $route.reload() nicht aktualisieren Sie die Seite. testControllers.controller('LogoutController', [ '$scope', '$http', '$route', function($scope, $http, $route) { $scope.logout = function() { $http.get('/api/authentication/logout').success(function () { $route.reload(); }); }; } ]); Irgendwelche Fehler in der

Wie kann ich prüfen, ob login oder des sonstigen status vor dem Start eine route in Eckig mit routeProvider?

Anzahl der Antworten 3 Antworten
Sagen wir mal ich habe 4 Routen - 2 muss der Benutzer angemeldet sein, 2 jedoch nicht. Meine app init sieht wie folgt aus: $routeProvider.when('/open1',{templateUrl:'/open1.html',controller:'Open1'}); $routeProvider.when('/open2',{templateUrl:'/open2.html',controller:'Open2'}); $routeProvider.when('/secure1',{templateUrl:'/secure1.html',controller:'Secure1'}); $routeProvider.when('/secure2',{templateUrl:'/secure2.html',controller:'Secure2'}); Routen /open1 und /open2 sind offen für alle, während

Angular.js - Zugriff auf die params mittels $route oder $routeParams

Anzahl der Antworten 2 Antworten
Habe ich einen Controller in die ich Spritzen $route und $routeParams, aber wenn ich gehe, um den Wert über $route.Routen.aktuelle.params.test ->> aktuell ist undefiniert $routeParams.test ->> test ist nicht definiert Beide Objekte zu sein scheinen ordnungsgemäß gefüllt,

Wie man einfache rollenbasierte Autorisierung in AngularJS und FireBase?

Anzahl der Antworten 1 Antworten
Möchte ich eine einfache rollenbasierte Autorisierung in AngularJS und FireBase (admin, user). Ich habe die Basis-Autorisierung und-routing (siehe auch 3 Dateien unten). Fand ich eine repository in github und Artikel aber code ist zu hart für mich.

MEAN-stack: angular-routing-vs-express-routing

Anzahl der Antworten 2 Antworten
Habe ich angefangen mit eckigen in meiner ausdrücklichen generierten Projekte und ich Liebe es. Vor kurzem habe ich umgesetzt angular-routing in einer meiner test-Projekte und ich Frage mich, was die Vorteile und Nachteile sind mit angular-routing über

Winkel 4 unit-Test-Fehler " TypeError: Tor ist kein Konstruktor`

Anzahl der Antworten 5 Antworten
Ich versuche zu testen, meine route resolver und während des Tests bekam ich TypeError: ctor is not a constructor und keine Ahnung, warum es geschehen, während die typescript-Kompilierung keine Fehler. TypeError: ctor is not a constructor TypeError:

$rootScope.$auf(“$routeChangeSuccess) oder $rootScope.$auf("$stateChangeSuccess) funktioniert nicht, wenn mit ui-router(AngularJS)

Anzahl der Antworten 1 Antworten
Ich bin mit UI-router verschachtelte views in meiner Anwendung, aber bei der sametime möchte ich auf Ereignisse zu lauschen, wenn sich die route ändert. Vor der Verwendung von UI-router routeChangeSuccess war er nur gut, aber nach ui-router,

Winkel-4 zyklische Abhängigkeit erkannt

Anzahl der Antworten 1 Antworten
Upgrade Winkel-Cli 1.3.1 ich habe einige Warnungen jetzt WARNING in Circular dependency detected: src\app\work-sessions\work-session-list\work-session-list.routing.ts -> src\app\work-sessions\work-session-list\index.ts -> src\app\work -sessions\work-session-list\work-session-list.routing.ts Jeder Klasse haben eine Struktur wie diese: work-session-Liste.routing.ts import { Route } from '@angular/router'; import { WorkSessionListComponent }

Wie trace-routing im Winkel 2?

Anzahl der Antworten 1 Antworten
Habe ich die Komponente mit getrennten Datei von routing-Einstellungen: import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { Route } from '../core/route.service'; import { extract } from '../core/i18n.service'; import {CalendarThematicPlanComponent} from

Wie kann ich bedingt verwenden entweder [href] oder [routerLink] auf einen Anker?

Anzahl der Antworten 4 Antworten
Brauche ich für den gleichen anchor-link hingewiesen werden kann, bedingt lokal oder auf externe Ressourcen. Ich habe versucht, <a [href]="outside?externalUrl:null" [routerLink]="outside?:['/route',id]" >test</a> Aber es funktioniert nicht. Ich bekomme keine Fehler, aber es verweist auf den gleichen lokalen

Angular JS: Uncaught SyntaxError: Unexpected token ]

Anzahl der Antworten 1 Antworten
Bin ich angefangen zu lernen, AngularJS und nach diese tutorial, ich meine eigene Anwendung. Habe ich einen Fehler in controller.js ich weiß nicht, wie zu lösen, sehe ich nicht, was ist falsch! :(. Hier ist mein controller.js:

How to get query-Parameter aus der URL in Eckigen 5?

Anzahl der Antworten 11 Antworten
Ich bin mit eckigen 5.0.3, beginnen möchte ich meine Anwendung mit einem Bündel von query-Parametern. wie "/app?param1=hallo&param2=123". Jeder Tipp gegeben in Wie get query-Parameter aus der url in angular2? funktioniert bei mir nicht. Irgendwelche Ideen, wie man

angularjs 1.6.0 (spätestens jetzt) Routen, die nicht arbeiten

Anzahl der Antworten 5 Antworten
Ich hatte erwartet, um zu sehen diese Frage auf Stackoverflow aber nicht. Scheinbar bin ich der einzige mit diesem problem, scheint mir sehr verbreitet sein. Habe ich ein basic-Projekt, das ich arbeite, aber die Strecken scheinen nicht

Winkel 2, gewusst Wie: übergeben Sie ein array, um den Router mit queryParams

Anzahl der Antworten 5 Antworten
Gibt es eine Möglichkeit, um diese Art von url in Eckige 2? http://www.domain.com/the-route?param=value1&param=value2&param=value3 Ich versuche, es zu tun, wie es sein sollte, mit queryParams mit der Router, aber wie queryParams akzeptiert ein Objekt kann ich das nicht:

Wie Sie verhindern, dass die Seite aktualisieren, im Winkel 4

Anzahl der Antworten 5 Antworten
Möchte ich verhindern, dass die Seite aktualisieren, von überall. Habe ich versucht, den code unten import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { CommonServices } from '../services/common.service'; @Component({ selector: 'app-review-prescription',

Angular js-Routen, 500 internal server error

Anzahl der Antworten 2 Antworten
Ich habe eine Verzeichnisstruktur wie diese - -project -public -app -app.js ( angular app module ) -server -server.js ( node root js file ) -includes -layout.jade -scripts.jade -views -index.jade -partials -main -main.jade -about.jade -about-vid.jade footer_main.jade -account -login.jade

Winkel-2: leiten Sie die route mit Parametern und optionalen Parametern

Anzahl der Antworten 1 Antworten
Ich soll die Umleitung eine route auf eine andere route: /foo/bar/123 darunter umleiten zu /Leiste/123;Modus=test Konfigurierte ich die route auf folgende Art und Weise: { path: 'foo/bar/:id', redirectTo: '/bar/:id;mode=test' }, Wenn es umgeleitet wird, die ;mode=test Teil

Angular2 bekommen ActivatedRoute url

Anzahl der Antworten 6 Antworten
Ich möchte die url, die kommt aus diesem: this.router.navigate(./somepath, { relativeTo: this.route }) this.route ist der Typ ActivatedRoute. Versuchte ich url: string = route.snapshot.url.join(''); aber das gibt eine leere Zeichenfolge. InformationsquelleAutor Robin Dijkhof | 2016-10-20

Eckig $routeParams: get-query-parameter als array

Anzahl der Antworten 2 Antworten
Wenn ich mehrere id Parameter in der Abfrage $routeParams.id gibt mir ein array. Das ist toll. Aber, wenn nur ein id vorhanden ist, in der Abfrage, bekomme ich einen string. /?id=12&id=34&id=56 // $routeParams.id = ["12", "34", "56"]

Mit angularJS mit requireJS - cannot read property 'Modul' undefined

Anzahl der Antworten 2 Antworten
Hatte ich angefangen zu schreiben, eine app mit angularJS. Nach ein paar Wochen, plötzlich merkte ich, dass ich verwendet haben, erfordern JS von Anfang an laden meiner Module. Ja, ich weiß, es war dumm. Aber es ist,

Angular-UI-Router-Reload-Controller auf die Zurück-Taste Drücken

Anzahl der Antworten 2 Antworten
Habe ich eine route, die zahlreiche optionaler query-Parameter: $stateProvider.state("directory.search", { url: '/directory/search?name&email', templateUrl: 'view.html', controller: 'controller' Wenn der Benutzer füllt das Formular zum durchsuchen des Verzeichnisses eine Funktion in der $scope änderungen, die der Staat verursacht den

How to get Route-Daten in die App-Komponente im Winkel 2

Anzahl der Antworten 4 Antworten
Ich habe einige route-Daten in meine app routing-Modul wie unten: const appRoutes:Routes = [ {path: '', component: LoginComponent, data:[{PageName:"Login Page"}]}] Möchte ich, um die Daten Global, so dass ich verwenden können, appRoutes in der app.Komponente.ts zu bekommen,

So definieren Sie mehrere Controller für eine view in angularJS?

Anzahl der Antworten 3 Antworten
Was ich versucht habe : $routeProvider .when('/paintings', { controller: 'imageController' , 'getPaintingImages' templateUrl: 'paintings.html' }) .when('/foods', { controller: 'imageController' , 'getFoodImages' templateUrl: 'food.html' }) Wollte ich getPaintingImages und getFoodImages, um die Liste der Bilder/die Lebensmittel, die aus

Was ist der einfachste Weg, um die Aktuelle Route Weg-Namen in Eckigen 4?

Anzahl der Antworten 3 Antworten
Ich war auf der Suche für ein guter Weg, um die aktuelle route Weg-Namen. Dies war die einfachste die ich finden konnte. this.route.snapshot.firstChild.url[0].path Gibt es eine bessere Möglichkeit? Danke! InformationsquelleAutor jaruesink | 2017-04-12

Umleitung auf der route, wenn der Benutzer nicht authentifiziert

Anzahl der Antworten 3 Antworten
Ich versuche sauber zu implementieren, eine Möglichkeit zum umleiten der Benutzer auf eine login-route, wenn Sie sind nicht angemeldet. Ich bin stützen meine Lösung aus dem anderen Antwort hier das nicht funktioniert out of the box. Hier

Winkel-2: Kann nicht beheben Sie alle Parameter für Router

Anzahl der Antworten 4 Antworten
Ziel Bekommen-routing arbeiten, ohne dabei den Verstand zu verlieren. Fehler Error: Can't resolve all parameters for Router: (?, ?, ?, ?, ?, ?, ?, ?) app.routing.ts import { ModuleWithProviders } from '@angular/core'; import { Routes, RouterModule }

RouterLink mit mehreren Parameter in Eckigen

Anzahl der Antworten 2 Antworten
Ich möchte einen link erstellen der route mit mehreren Parametern, und binden Sie diese im tempalte. Bis jetzt habe ich es getan, indem Sie die Funktion auf (click) Fall, aber ich Frage mich, ob es möglich ist,

AngularJS mehrere templates in einer Seite

Anzahl der Antworten 2 Antworten
Habe ich einen index, dient eine statische header-Menü, und unten, dass eine ng-view, basierend auf der route, wählt die passende Vorlage. Wie diese zum Beispiel: <navbar> ... </navbar> <div ng-view> </div> Alles ist gut so weit, wenn

AngularJS: Verständnis $rootScope.$auf('$routeChangeSuccess

Anzahl der Antworten 1 Antworten
Arbeite ich auf eine login-Seite, auf Erfolg, es redirect zur Startseite. Standardmäßig zeige ich login-Seite diesen code ein: app.run(function($rootScope, $location) { $rootScope.$on('$routeChangeSuccess', function() { $location.url("/login"); }); }); Dann nach der überprüfung des user/pass details aus dem backend

Die übergabe mehrerer Parameter in einer AngularJS route

Anzahl der Antworten 1 Antworten
Ich versuche zu implementieren, die eine längere route, die sollten mehrere Parameter haben. Hier ist ein Beispiel, was ich versucht habe: .when('/myRoute/paramA/:paramA/paramB/:paramB/paramC/:paramC', { templateUrl: 'abc.html', controller: 'pwrController as pwrCtrl' }); Nun das problem ist, dass ich müssen

Winkel-Inject $http in config oder Anbieter in laufen

Anzahl der Antworten 1 Antworten
Ich bin mit angular-route-segment in meinem Winkel-app und versuchen, konfigurieren Sie die Segmente aus einem json-feed. Habe ich Probleme mit diesem, weil ich kann nicht herausfinden, wie zu injizieren $http in die app.config Funktion. Dieser schlägt mit

Angular2 Router-Fehler: kann Nicht match irgendwelche Routen: "

Anzahl der Antworten 3 Antworten
Habe ich konfiguriert Angular2 Router wie folgt: import { provideRouter, RouterConfig } from '@angular/router'; import { Page2} from './page2'; const routes: RouterConfig = [ { path: 'page2', component: Page2 } ]; export const appRouterProviders = [ provideRouter(routes)

Beste Methode, um verschiedene Layouts für verschiedene Seiten im Winkel 4

Anzahl der Antworten 3 Antworten
Ich bin neu eckig 4. Was ich versuche zu erreichen ist, verschiedene layout-Kopf-und Fußzeilen für verschiedene Seiten in meinem app. Ich habe drei verschiedene Fälle: Login, registrieren, Seite (kein header, kein footer) Routen: ['login','anmelden'] - Marketing-Website-Seite (das

Wie kann ich dynamisch laden Sie eine Vorlage basierend auf Parametern, die in einer route registriert mit $routeProvider?

Anzahl der Antworten 5 Antworten
Fand ich, dass Sie können die Vorlage verwenden oder templateUrl als eine Funktion wie das .when('/:controller/:action',{ templateUrl:function(params){ return: '/'+params.controller+'/'+params.action } }) Und dann fragte ich mich, ob es möglich ist faul, laden Sie die Vorlage, aber ich

Weisen Sie mehrere controller in $stateProvider.Zustand

Anzahl der Antworten 2 Antworten
Wahrscheinlich ist dies eine einfache Frage für fortgeschrittene Winkel-Benutzer, aber ich habe nicht dieses Problem irgendwo gut erklärt. So, ich war die Umstrukturierung meinem code, wenn ich merkte, ich habe zwei Controller in einem Blick, das ist

Teilweise Ansichten in AngularJS

Anzahl der Antworten 1 Antworten
Ich bin neu Schwenk-und würde schätzen jede Beratung. Im Grunde genommen habe ich eins-zu-viele-Beziehung - eine Category hat mehrere Product, Ich habe das layout der Seite, wo ich render teilweise unterschiedliche Ansichten: <div class="mainContent"> <ng-view></ng-view> </div> Meine