Pytania otagowane jako angular2-routing

Routing kątowy to wbudowana funkcja, która umożliwia tworzenie interfejsu użytkownika aplikacji jednostronicowej (SPA), w którym użytkownicy mogą przechodzić do różnych widoków bez konieczności ponownego ładowania całej strony z serwera za każdym razem.

8
Zmień parametry trasy bez przeładowywania w Angular 2
Tworzę stronę internetową z nieruchomościami za pomocą Angular 2, Google Maps itp., A gdy użytkownik zmieni środek mapy, wyszukuję w API wskazując aktualną pozycję mapy oraz promień. Chodzi o to, że chcę odzwierciedlić te wartości w adresie URL bez ponownego ładowania całej strony. Czy to jest możliwe? Znalazłem kilka rozwiązań …
6
Ostrzegaj użytkownika o niezapisanych zmianach przed opuszczeniem strony
Chciałbym ostrzec użytkowników o niezapisanych zmianach, zanim opuszczą określoną stronę mojej aplikacji Angular 2. Zwykle bym używał window.onbeforeunload, ale to nie działa w przypadku aplikacji jednostronicowych. Odkryłem, że w angular 1 możesz podłączyć się do $locationChangeStartzdarzenia, aby rzucić confirmpudełko dla użytkownika, ale nie widziałem niczego, co pokazuje, jak to działa …
2
„Błąd: brak dostawcy dla routera” podczas pisania przypadków testowych jednostki Karma-Jasmine
Utworzyliśmy jeden projekt angular2, w którym utworzyliśmy jeden moduł (my-module), a wewnątrz tego modułu utworzyliśmy jeden komponent (my-new-component) za pomocą następujących poleceń cmd: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Po utworzeniu konfiguracji i wszystkich komponentów uruchomiliśmy ng test polecenie z cmd w folderze …
6
Przekazywanie danych do komponentów potomnych „router-outlet”
Mam komponent nadrzędny, który trafia na serwer i pobiera obiekt: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); } ); …
16
Jak określić adres URL poprzedniej strony w Angular?
Załóżmy, że aktualnie jestem na stronie, która ma adres URL /user/:id. Teraz z tej strony przechodzę do następnej strony :id/posts. Czy jest sposób, żebym mógł sprawdzić, jaki jest poprzedni adres URL, tj /user/:id. Poniżej moje trasy export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { path: …
3
Przekaż parametr do funkcji ochrony trasy
Pracuję nad aplikacją, która ma wiele ról, które muszę używać strażników, aby blokować nawigację do części aplikacji w oparciu o te role. Zdaję sobie sprawę, że mogę utworzyć indywidualne klasy ochrony dla każdej roli, ale wolałbym mieć jedną klasę, do której mógłbym w jakiś sposób przekazać parametr. Innymi słowy, chciałbym …
12
„gniazdo routera” nie jest znanym elementem
Mam projekt MVC 5 z kątową nakładką. Chciałem dodać routing zgodnie z opisem w tym samouczku https://angular.io/guide/router . Więc w moim _Layout.cshtmldodałem <base href="/"> i utworzyłem mój routing w moim module app.module. Ale kiedy to uruchamiam, pojawia się następujący błąd: Error: Template parse errors: 'router-outlet' is not a known element: …
7
Angular 2 - Routing - CanActivate work with Observable
Mam AuthGuard (używany do routingu), który implementuje CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Mój problem polega na tym, że wynik CanActivate zależy od wyniku http-get - usługa logowania zwraca Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Jak mogę to połączyć - sprawić, by CanActivate zależało od stanu …
8
Jak przetestować jednostkę, która zależy od parametrów z ActivatedRoute?
Testuję jednostkę, która jest używana do edycji obiektu. Obiekt ma unikat idużywany do pobierania określonego obiektu z tablicy obiektów hostowanych w usłudze. Specyfika idjest uzyskiwana za pośrednictwem parametru przekazywanego za pośrednictwem routingu, w szczególności przez ActivatedRouteklasę. Konstruktor wygląda następująco: constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { } ngOnInit() { this._curRoute.params.subscribe(params …
2
Jak uzyskać parametr na trasie Angular2 w sposób Angular?
Trasa const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] Składnik const NAVBAR = [ { name: 'Banks', submenu: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' }, …
9
Angular2 canActivate () wywołując funkcję asynchroniczną
Próbuję użyć zabezpieczeń routera Angular2, aby ograniczyć dostęp do niektórych stron w mojej aplikacji. Używam uwierzytelniania Firebase. W celu sprawdzenia, czy użytkownik jest zalogowany z Firebase, mam do rozmowy .subscribe()na FirebaseAuthobiekcie z zwrotnego. Oto kod dla strażnika: import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFireAuth } …
6
Angular2 - „router-wylot” nie jest znanym elementem
Stworzyłem trasy z głębokimi ścieżkami dla dzieci. Dodałem <router-outlet>do komponentu AdminComponent , który zapakowałem w NgModule. Ale po odświeżeniu strony wyskoczył mi ten błąd: 'router-outlet' is not a known element Może zdarzyło się to, bo zapomniałem zaimportować jakiś moduł do admin.module.ts Proszę pomóż. Dzięki. app.routes.ts export const routes: Routes = …
13
Angular 2: pobieranie RouteParams z komponentu nadrzędnego
Jak uzyskać RouteParams ze składnika nadrzędnego? App.ts: @Component({ ... }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'Home'}, {path: '/:username/...', component: ParentComponent, as: 'Parent'} ]) export class HomeComponent { ... } Następnie ParentComponentmogę łatwo uzyskać parametr mojej nazwy użytkownika i ustawić trasy podrzędne. Parent.ts: @Component({ ... }) @RouteConfig([ { path: '/child-1', …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.