angular2-routing- все статьи тега


Angular 2-динамически меняющийся URL (в адресной строке)

Я столкнулся с этим поведением на веб-сайте ESPN и задавался вопросом, как добиться этого с помощью Angular2. Когда я читаю статью там, как только статья закончена, загружается следующая статья, и URL-адрес в адресной строке автоматически изменяется. Как только я прокручиваю назад к старой статье, URL-адрес снова меняется на старый. Возьмем, к примеру, эту ссылку. Http://www.espn.in/football/barclays-premier-league/23/blog/post/3017450/phil-jones-and-henrikh-mkhitaryan-in-team-of-the-weekend ...

Невозможно сопоставить любые маршруты с дочерними маршрутами и новым маршрутизатором angular 2 RC1

Applicationcompent import { Component } from '@angular/core'; import {Router, ROUTER_DIRECTIVES, Routes, ROUTER_PROVIDERS} from '@angular/router'; import {SchoolyearsComponent} from "./schoolyear/schoolyears.component"; @Component({ directives: [ROUTER_DIRECTIVES], providers: [ ROUTER_PROVIDERS ], templateUrl: './app/application.component.html', styleUrls: ['./app/application.component.css'] }) @Routes([ { path: '/', component: SchoolyearsComponent, }, ]) export cla ...

Обновить заголовок родительского компонента из маршрутизированного дочернего компонента в Angular 2 [дубликат]

На этот вопрос уже есть ответ здесь: Как изменить заголовок страницы в angular2 router 12 ответов Я работаю над документацией Angular 2 по маршрутизации. У меня есть пример приложения, который показывает два компонента, которые маршрутизируются и подключаются к навигационным ссылкам. Вот плунжер , демонстрирующий поведение. Он построен с использованием Angular 2 в Typescript. Вот главное приложени ...

В Angular, как вы определяете активный маршрут?

Примечание:есть много разных ответов здесь, и большинство из них были действительны в то или иное время. Дело в том, что то, что работает, изменилось несколько раз, когда команда Angular изменила свой маршрутизатор. Версия маршрутизатора 3.0, которая в конечном итоге будет the маршрутизатор в угловых перерывах многие из этих решений, но предлагает очень простое решение самостоятельно. По состоянию на RC.3, предпочтительным решением является использование [routerLinkActive] как показано в этот о ...

Как вернуться на последнюю страницу

есть ли умный способ вернуться на последнюю страницу в Angular 2? что-то вроде this._router.navigate(LASTPAGE); например, страница C имеет Вернуться Назад, страницы -> страница c, щелкните его, вернуться к странице А. страница B - > страница C, нажмите на нее, вернитесь на страницу B. есть ли у маршрутизатора эта информация истории? ...

Угловой 2 прокрутка вверх при изменении маршрута

в моем приложении Angular 2, Когда я прокручиваю страницу и нажимаю ссылку в нижней части страницы, она меняет маршрут и переносит меня на следующую страницу, но не прокручивается до верхней части страницы. В результате, если первая страница длинна, а 2-я страница имеет мало содержимого, создается впечатление, что 2-й странице не хватает содержимого. Поскольку содержимое отображается только в том случае, если пользователь прокручивает до верхней части страницы. Я могу прокрутить окно в верхней ...

Как создать одноэлементный сервис в Angular 2?

Я читал, что инъекции при начальной загрузке должны иметь все дочерние элементы с одним и тем же экземпляром, но мои основные и заголовочные компоненты (основное приложение включает компонент заголовка и выход маршрутизатора) получают отдельный экземпляр моих служб. У меня FacebookService, который я использую, чтобы сделать звонки в facebook API-интерфейса JavaScript и приложения UserService, который использует FacebookService. Вот мой бутстрап: bootstrap(MainAppComponent, [ROUTER_PROVIDERS ...

Угловой 2 - Как перейти на другой маршрут, используя это.обращать в бегство.родитель.навигация ('/about')?

угловой 2 - как перейти на другой маршрут с помощью этого.обращать в бегство.родитель.навигация ('/about'). это, кажется, не работает. Я попробовал местоположение.go ("/about"); так как это не сработало. в основном, как только пользователь вошел в систему, я хочу перенаправить их на другую страницу. вот мой код ниже: import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthServic ...

Показывать экран загрузки при навигации между маршрутами в Angular 2

Как показать загрузочный экран при изменении маршрута в Angular 2? ...

Как перенаправить на внешний URL в Angular2?

каков метод перенаправления пользователя на полностью внешний URL-адрес в Angular 2. Например, если мне нужно перенаправить пользователя на сервер OAuth2 для аутентификации, как бы я это сделал? Location.go(),Router.navigate() и Router.navigateByUrl() отлично подходит для отправки пользователя в другой раздел (маршрут) в приложении Angular 2, но я не вижу, как их можно использовать для перенаправления на внешний сайт? ...

Предупреждать пользователя о несохраненных изменениях перед уходом со страницы

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

Угловой 2: Получение RouteParams от родительского компонента

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