Публикации по теме 'angular-router'
Три столпа угловой маршрутизации. Введение в серию маршрутизаторов Angular.
Прочтите обновленную версию этой статьи на inDepth.dev
Угловой маршрутизатор - это чудо программной инженерии. Маршрутизатор Angular незаменим для большинства приложений - от управления навигацией по приложениям до обеспечения защиты маршрута и облегчения отложенной загрузки модулей. Однако для многих разработчиков внутренняя работа маршрутизатора остается загадкой. Эта серия статей призвана изменить это, давая разработчику более глубокое понимание маршрутизатора. В..
Первичные и вторичные розетки маршрутизатора Angular
Давным-давно веб-страницы были настоящими HTML-страницами. При переходе на веб-сайт ваш браузер получал и отображал HTML-документ. Нажимая кнопку, ведущую на другую страницу, вы запрашивали новый документ HTML.
Эти времена более или менее прошли. Большинство веб-сайтов теперь используют JavaScript для динамической загрузки контента и адаптации того, что вы видите. Технически, когда вы перемещаетесь по веб-сайту, вы остаетесь в одном и том же месте, изменяется только отображаемый вам..
Уроки, извлеченные при обновлении AngularJS UI-Router до Angular Router
AngularInDepth уходит от Medium. Более свежие статьи размещаются на новой платформе inDepth.dev . Спасибо за то, что участвуете в глубоком движении!
Как Питер Кролик усвоил урок из сказки о нем Беатрикс Поттер, так же поступил и я при переносе маршрутизации моего приложения с AngularJS UI Router на новый Angular Router. Тяжелые уроки стоили Питеру его туфель и синей куртки, а мне - долгих часов работы. Но мы оба вышли немного мудрее и более подготовленными к будущим..
Угловая маршрутизация и навигация
Маршрутизация предназначена для перехода от одного компонента к другому. В angular, как одностраничном приложении, представление перемещается от одного компонента (контроллера) к другому (все страницы вызываются через одностраничный app.component.html). Здесь навигация происходит с помощью @ angular / router . Представление всегда содержит базовый шаблон app.component.html вместе с шаблонами, определенными приложением.
Большинство приложений маршрутизации должны добавлять элемент..
Вопросы по теме 'angular-router'
Пассивная ссылка в Angular 2 - ‹эквивалент href=›
В Angular 1.x я могу сделать следующее, чтобы создать ссылку, которая практически ничего не делает:
<a href="">My Link</a>
Но тот же тег переходит к базе приложения в Angular 2. Что эквивалентно этому тегу в Angular 2?...
192809 просмотров
schedule
15.09.2022
Angular не может перейти к дочернему маршруту
Я не могу перейти непосредственно к дочернему маршруту. мой URL-адрес - http://localhost:4201/home/profile , но трассировка маршрутизатора начинается с URL-адреса: '/ home' вместо url: '/ home / profile'
Событие маршрутизатора:...
189 просмотров
schedule
04.04.2022
Ошибки синхронизации анимации Angular Router
Недавно я обновил свое приложение Angular до версии 4.0, чтобы воспользоваться преимуществами анимации между маршрутами.
Ниже моя функция анимации:
export function routerTransition() {
return trigger('routerAnimations', [...
598 просмотров
schedule
16.05.2023
Почему этот http-запрос не работает в angular 4, но проходит через скрипача?
У меня есть запрос http post через fiddler: использование
http://localhost:58183/api/Account/Register
с телом
{"email":"[email protected]","password":"Abc1231*","confirmPassword":"Abc1231*"}
Это выполняется просто отлично, и...
1723 просмотров
schedule
12.04.2023
Angular 4: невозможно перенаправить изнутри подписки
После ряда неудачных попыток я все еще не могу перенаправить изнутри подписки.
Я хочу поймать код ошибки 401, чтобы перенаправить пользователя на страницу входа, поэтому в http.get.subscribe , если у меня есть ошибка, и если это 401, я выполняю...
1828 просмотров
schedule
23.07.2023
Вспомогательный маршрут Angular 4 не работает должным образом
У меня есть приложение, в котором есть один компонент входа в систему и домашний модуль. Я хочу иметь дополнительный маршрут внутри домашнего модуля.
Как только пользователь входит в систему, я перенаправляюсь на домашний маршрут.
Это мой...
1155 просмотров
schedule
13.05.2023
Отправлять данные по путям маршрутизации в Angular
Есть ли способ отправить данные в качестве параметра с помощью router.navigate? Я имею в виду, что-то вроде этого примера, поскольку вы можете видеть, что у маршрута есть параметр данных, но при этом он не работает:...
320174 просмотров
schedule
07.08.2022
Очистка параметров запроса Angular Router
В настоящее время у меня есть отображаемая страница, URL-адрес которой следующий:
http://localhost:4200/alert?sid=success
Внутри этой страницы есть ссылка a , а именно:
<a [routerLink]="['/']">Home</a>
Я хочу, чтобы...
175 просмотров
schedule
09.11.2022
Можно ли собрать все параметры из ActivatedRoute в angular?
Я создаю приложение angular 4. Бывает, что мне нужно получить параметры из моего URL-адреса, которые находятся на разных уровнях глубины, что приводит к тому, что способ получения моих параметров неодинаков.
Предположим, у нас есть этот URL:...
625 просмотров
schedule
17.05.2023
Дочерние маршруты Angular 4 LazyLoad не работают, когда у ребенка такой же путь
У меня есть приложение, которое показывает список контактов с возможностью выбора одного контакта и просмотра его деталей. На странице сведений о контакте есть несколько вкладок для дополнительной информации о контакте (профиль, точки взаимодействия...
332 просмотров
schedule
18.09.2022
Подписка на параметры строки запроса в Angular
Я видел довольно много примеров подписки на параметры строки запроса в Angular 2+, но я не могу заставить ее работать.
например Как получить параметры запроса из URL-адреса в angular2?
Вот мой код:
import { ActivatedRoute, Router } from...
14127 просмотров
schedule
01.02.2023
Связанные значения Angular 2 не отображаются до тех пор, пока не будет перемещена мышь при маршрутизации
У меня есть директива, которая добавляет значок к любому элементу, к которому он добавляется. Когда этот значок щелкнут, мне нужно вызвать функцию в любом компоненте, содержащем директиву. Эта функция использует router.navigate для перехода от...
1093 просмотров
schedule
13.12.2022
Компоненты не взаимодействуют с помощью службы и маршрутизатора
У меня есть listComponent, detailsComponent и componentCommunication Service. Я использую router.navigate для перехода от списка к компоненту сведений, и я пытаюсь передать данные через компонентыCommunicationService.
Код компонента службы связи:...
56 просмотров
schedule
06.04.2023
ленивый дочерний маршрут загружается дважды в Angular
Я столкнулся со следующей проблемой: раздел personal , защищенный с помощью службы AuthGuard , загружается дважды, когда я перехожу к нему или обновляю браузер. Во второй раз он удаляет параметры запроса URL-адреса, если я их предоставляю. Вот моя...
3314 просмотров
schedule
15.04.2024
Не удается прочитать свойство «выходные точки» null в Angular 4
У меня есть проект Angular 4.3.6, где фрагмент шаблона выдает эту ошибку.
Блок шаблона:
<a [routerLink]="['/article',article?.id]">{{article?.title}}</a>
Трассировка стека ошибок:
ArticleSpComponent.html:26 ERROR TypeError:...
15002 просмотров
schedule
14.07.2023
Бесконечный цикл маршрутизатора со второй canActivate guard on lazy-loaded modules
У меня есть угловое приложение 4.3.6 с ленивыми модулями. Вот частичный корневой маршрутизатор:
const routes: Routes = [
{ path: '', redirectTo: 'fleet', pathMatch: 'full' },
{
path: '',
component: AppComponent,
canActivate:...
9055 просмотров
schedule
06.05.2022
Angular как получить неактивированные дочерние маршруты
В Angular вы всегда можете добавить ActivatedRoute в свой компонент, чтобы получить ссылку на текущий активированный маршрут.
У него есть свойство children , которое:
Содержит все дочерние маршруты, активированные в текущем маршруте....
264 просмотров
schedule
02.03.2022
Ошибка 404 в длинных URL-адресах Angular 4
Привет, у меня есть приложение в Angular 4 с бэкэндом в Asp net Core Web API. У меня проблема при вызове очень длинного URL.
URL:...
423 просмотров
schedule
14.04.2023
Относительные пути не работают в angular
Когда я нахожусь на ` http://localhost/overview ', модуль загружается по этому пути:
http://localhost/app/modules/overview/overview.module.js
Но когда я перехожу на страницу http://localhost/overview/users , а затем нажимаю F5 (обновить...
1571 просмотров
schedule
30.04.2023
Приложение Angular 4 со страницей по умолчанию и параметрами в URL
Мне нужно создать веб-портал, который будет встроен в iFrame.
Вот код, который я использую для загрузки портала
Конфигурация маршрутов
const routes: Routes = [
{
path: '',
redirectTo: '/dashboard',
pathMatch: 'full'...
1682 просмотров
schedule
19.10.2022