Вопросы с тегом «angular2-routing»

Я создаю веб-сайт по недвижимости, используя Angular 2, Google Maps и т. Д., И когда пользователь меняет центр карты, я выполняю поиск в API, указывая текущее положение карты, а также радиус. Дело в том, что я хочу отразить эти значения в URL-адресе без перезагрузки всей страницы. Это возможно? Я нашел …

115 javascript  angular  routes  angular2-routing 

Я хотел бы предупредить пользователей о несохраненных изменениях, прежде чем они покинут определенную страницу моего приложения angular 2. Обычно я бы использовал window.onbeforeunload, но это не работает для одностраничных приложений. Я обнаружил, что в angular 1 вы можете подключиться к $locationChangeStartсобытию, чтобы создать confirmполе для пользователя, но я не видел …

112 angular  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); …

112 angular  dependency-injection  angular2-routing 

Мы создали один проект angular2 и внутри него создали один модуль (my-module), а внутри этого модуля создали один компонент (my-new-component), используя следующие команды cmd: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component После создания настройки и всех компонентов мы запустили ng testкоманду из cmd внутри …

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

Я работаю над приложением, у которого есть много ролей, которые мне нужно использовать для блокировки навигации к частям приложения на основе этих ролей. Я понимаю, что могу создавать отдельные классы защиты для каждой роли, но предпочитаю иметь один класс, в который я мог бы каким-то образом передать параметр. Другими словами, …

103 angular  typescript  angular2-routing 

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

100 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-result зависит от 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 

Маршрут 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' …

87 angular  angular2-routing 

Закрыто . Этот вопрос требует подробностей или ясности . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Добавьте подробности и проясните проблему, отредактировав этот пост . Закрыт 3 года назад . Уточните этот вопрос Как я могу перезагрузить текущую страницу на Angular 2? если я на странице …

85 angular  refresh  angular2-routing  reload  page-refresh 

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

83 typescript  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 

Как мне получить RouteParams из родительского компонента? App.ts: @Component({ ... }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'Home'}, {path: '/:username/...', component: ParentComponent, as: 'Parent'} ]) export class HomeComponent { ... } И затем, в ParentComponent, я могу легко получить свой параметр имени пользователя и установить дочерние маршруты. Parent.ts: @Component({ ... …

79 angular  angular2-routing