Запитання з тегом «angular2-routing»

Я роблю веб-сайт нерухомості за допомогою Angular 2, Google Maps тощо. Коли користувач змінює центр карти, я здійснюю пошук в API, вказуючи поточне положення карти, а також радіус. Справа в тому, що я хочу відобразити ці значення в URL-адресі, не завантажуючи всю сторінку. Це можливо? Я знайшов деякі рішення, використовуючи …

113 javascript  angular  routes  angular2-routing 

Я хотів би попередити користувачів про незбережені зміни, перш ніж вони залишать певну сторінку мого додатка 2. Зазвичай я б використовував window.onbeforeunload, але це не працює для програм на одній сторінці. Я виявив, що в кутовій 1 ви можете підключити $locationChangeStartподії, щоб підкинути confirmкоробку для користувача, але я не бачив …

112 angular  angular2-routing 

Ми створили один проект angular2, і всередині якого було створено один модуль (мій модуль), а всередині цього модуля було створено один компонент (мій новий компонент), використовуючи наступні команди cmd: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Створивши налаштування та всі компоненти, ми запустили ng …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

Я працюю над додатком, який має багато ролей, і мені потрібно використовувати охоронці, щоб блокувати навігацію до частин програми на основі цих ролей. Я усвідомлюю, що можу створити окремі класи охорони для кожної ролі, але волію мати один клас, в який я міг би якось передати параметр. Іншими словами, я …

102 angular  typescript  angular2-routing 

У мене є батьківський компонент, який переходить на сервер і отримує об’єкт: // 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); …

102 angular  dependency-injection  angular2-routing 

Припустимо, я зараз перебуваю на сторінці, яка має URL-адресу /user/:id. Тепер із цієї сторінки я переходжу до наступної сторінки :id/posts. Тепер чи є спосіб, щоб я міг перевірити, що таке попередня URL-адреса, тобто /user/:id. Нижче мої маршрути export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { …

101 angular  angular2-routing 

У мене є проект mvc 5 з кутовим фасадом. Я хотів додати маршрутизацію, як описано в цьому підручнику https://angular.io/guide/router . Тож у свій _Layout.cshtmlя додав <base href="/"> і створив мою маршрутизацію в моєму app.module. Але коли я запускаю це, я отримую таку помилку: Error: Template parse errors: 'router-outlet' is not …

98 angular  typescript  asp.net-mvc-5  angular2-routing 

У мене є AuthGuard (використовується для маршрутизації), який реалізує CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Моя проблема полягає в тому, що результат CanActivate залежить від http-get-result - LoginService повертає Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } Як я можу їх об’єднати - зробити CanActivate залежним від серверного …

94 angular  angular2-routing  angular2-http 

Я модульно тестую компонент, який використовується для редагування об’єкта. Об’єкт має унікальний елемент, idякий використовується для того, щоб захопити конкретний об’єкт із масиву об’єктів, розміщених у службі. Специфіка idзабезпечується через параметр, який передається через маршрутизацію, зокрема через ActivatedRouteклас. Конструктор такий: constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { } ngOnInit() { …

93 unit-testing  angular  angular2-routing  angular2-testing 

Закрито . Це питання потребує деталей або ясності . Наразі відповіді не приймаються. Хочете покращити це питання? Додайте деталі та проясніть проблему, відредагувавши цю публікацію . Закрито 3 роки тому . Удосконалюйте це питання Як я можу перезавантажити поточну сторінку в Angular 2? якщо iam на сторінці 2 (пагінація) і …

85 angular  refresh  angular2-routing  reload  page-refresh 

Маршрут const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] Компонент const NAVBAR = [ { name: 'Banks', submenu: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' }, …

85 angular  angular2-routing 

Чи можна мати один і той же шаблон маршрутизатора? Якщо так, то як налаштувати маршрути? Я використовую angular2 beta.

83 angular  angular2-routing  angular2-template 

Я намагаюся використовувати захисні пристрої маршрутизатора Angular2, щоб обмежити доступ до деяких сторінок у моєму додатку. Я використовую автентифікацію Firebase. Для того, щоб перевірити, чи ввійшов користувач у систему Firebase, мені потрібно зателефонувати .subscribe()на FirebaseAuthоб'єкт із зворотним викликом. Це код для охоронця: import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from …

83 typescript  angular  angular2-routing 

Я написав програму Angular2 (v2.0.1), яка використовує маршрутизатор. Веб-сайт завантажується кількома параметрами рядка запиту, тому повна URL-адреса спочатку виглядає так: https://my.application.com/?param1=val1&param2=val2&param3=val3 У моїй конфігурації маршруту у мене є запис, який перенаправляє порожній маршрут: const appRoutes: Routes = [ { path: '', redirectTo: '/comp1', pathMatch: 'full' }, { path: 'comp1', component: …

80 angular  angular2-routing 

Я створив маршрути з глибокими дитячими стежками. Я додав <router-outlet>до компонента AdminComponent, який обернув у NgModule. Але після оновлення сторінки я отримав таку помилку: 'router-outlet' is not a known element Можливо, це сталося тому, що я забув імпортувати якийсь модуль до admin.module.ts Будь ласка, допоможіть. Дякую. app.routes.ts export const routes: …

79 angular  angular2-routing