Публикации по теме 'angular-router'
Уверенная навигация по маршрутизации в Angular 16: ваш путеводитель по бесшовным решениям
Освоение маршрутизации в Angular 16: устранение проблем и создание динамической навигации
Приветствую, начинающие разработчики! Добро пожаловать в познавательное путешествие по миру маршрутизации в Angular 16.
В этом уроке мы приступим к пошаговому исследованию механизма маршрутизации Angular. Независимо от того, являетесь ли вы новичком в маршрутизации или ищете решения существующих проблем, наше подробное руководство, наполненное подробными объяснениями и практическими фрагментами..
Преобразователи маршрутов в Angular
Когда пользователь переходит к компоненту с шаблоном, которому требуются данные, страница может сначала казаться почти пустой или содержать только статический текст, что делает взаимодействие с пользователем далеким от идеального.
Происходит это из-за задержки загрузки необходимых для страницы данных, особенно если у пользователя более медленное соединение или данных много.
Мы можем предотвратить это частичное отображение страницы, загрузив данные для нашего компонента перед..
Навигация по приложениям Angular: отказаться от HREF и использовать RouterLink
В мире разработки Angular навигация является важным аспектом создания многофункциональных и интерактивных одностраничных приложений (SPA). Angular Router играет ключевую роль в управлении навигацией и обеспечении плавного перехода между представлениями. В то время как традиционные гиперссылки с HREF были основным продуктом в веб-разработке, эта статья призвана пролить свет на то, почему использование RouterLink в Angular является лучшим выбором для навигации внутри SPA. Мы рассмотрим..
Итак, я следил за этой статьей при обновлении большого приложения с Angular 1 до Angular 2…
Итак, я следил за этой статьей при обновлении большого приложения с Angular 1 до Angular 2, и, по большей части, все работает. Но у меня проблема с маршрутизацией. Я разместил подробное описание проблемы на StackOverflow здесь , но вкратце, когда я пытаюсь перейти к URL-адресу, который должен обрабатываться Angular 1 из компонента Angular 2, URL-адрес усекается, и ничего не происходит, т.е. Я застрял с пустой страницей.
Допустим, мой URL-адрес Angular 1 — http://localhost:123456/#/f..
Развертывание приложения Angular в IIS
Заставить ваше приложение Angular Router фактически работать в некорневой папке в Internet Information Services
AngularInDepth уходит от Medium. Эта статья , ее обновления и более свежие статьи размещены на новой платформе inDepth.dev
Angular Router - фантастический модуль для одностраничных приложений. Однако для его развертывания в производственном сценарии обычно требуется выполнить некоторую настройку, чтобы заставить его работать. В этой статье подробно..
Вопросы по теме 'angular-router'
RouterLink с несколькими параметрами в Angular
Я хочу создать ссылку на маршрут с несколькими параметрами и привязать их в темпальте. До сих пор я делал это, выполняя функцию для события (click) , но мне было интересно, возможно ли это в привязке RouterLink .
Вот функция, которую я использую...
31695 просмотров
schedule
11.04.2024
Ссылка кнопки Angular 4 на маршрут модуля LazyLoading не работает
У меня есть кнопка с директивой routerLink для лениво загруженного модуля. Однако ссылка не работает. Пока он загружается в адресную строку браузера (при нажатии кнопки), компонент никогда не загружается, и в консоли я получаю ошибку 404. Что я...
2758 просмотров
schedule
05.03.2023
Angular router: как передать данные в модуль ленивой загрузки?
У меня есть следующие пути маршрутизации для модуля моего приложения Angular:
@NgModule({
imports: [
RouterModule.forChild([
{
path: 'documents',
data: { myObject: MyConstants.OPTION_ONE },...
17686 просмотров
schedule
15.02.2024
Угловой маршрутизатор с повторным разрешением данных после обновления
У меня есть компонент, в котором данные разрешаются маршрутизатором, например:
this.route.data.subscribe((data => { .....
Теперь мы добавили в этот компонент транзакцию http post, которая изменяет состояние данных, которые мы разрешили....
724 просмотров
schedule
30.07.2022
Импорт лениво загруженного модуля с маршрутами в модуль с маршрутом прерывает маршрутизацию
В нашем приложении angular 4.3.6 есть модули с ленивой загрузкой, такие как Fleet, Maintenance, Car и т. д.
Мой маршрутизатор приложений верхнего уровня выглядит так:
const routes: Routes = [
{ path: '', redirectTo: 'fleet', pathMatch: 'full'...
1915 просмотров
schedule
15.06.2022
Лучший способ установить разный макет для разных страниц в angular 4
Я новичок в angular 4. Я пытаюсь установить разные верхние и нижние колонтитулы макета для разных страниц в моем приложении. У меня есть три разных случая:
Авторизация, страница регистрации (без верхнего и нижнего колонтитула)
маршруты:...
56207 просмотров
schedule
22.01.2023
Ошибка Angular Resolve ERROR: Uncaught (в обещании): TypeError: преобразователь не является функцией
У меня есть разрешение, которое извлекает данные из API, и служба, которая зависит от этого решения. Служба, зависящая от разрешения, будет предоставлять разделы данных нескольким компонентам и, как ожидается, будет запускаться только один раз при...
8996 просмотров
schedule
17.05.2023
Как включить якорь в конце ссылки с помощью routerlink?
Как включить якорь в конце ссылки с помощью routerlink?
Мне нужно включить привязку в конце ссылки, чтобы иметь возможность идентифицировать конкретное место на странице, к которому будет осуществляться доступ.
<a [routerLink]="['/page',...
1238 просмотров
schedule
08.08.2023
Параметры запроса Angular 4 без параметров маршрута
Это работает (с параметрами маршрута = :id )
{
path: 'qp/:id?repo=1',
component: QueryParamsComponent
}
<li><a [routerLink]="['/qp', 5]" [queryParams]="{repo:1}">Query Params</a></li>
но без параметров...
877 просмотров
schedule
06.05.2023
Объедините параметры маршрута и запроса в Angular
В Angular мне нужно обработать маршрут в формате
/sections/{id}?filter={filter}
т.е. у меня есть параметр маршрута ( id ) и параметр запроса ( filter ). Оба параметра являются необязательными, поэтому все эти маршруты действительны и...
2585 просмотров
schedule
16.04.2022
Angularjs + роутер Angular (5)
Я пытаюсь запустить angular рядом с нашим старым приложением angularjs . Прежде чем мы попытаемся пойти по пути ngUpgrade (требуется много рефакторинга, прежде чем это станет возможным), я хотел бы попробовать запустить их независимо друг от...
755 просмотров
schedule
25.02.2023
Маршрутизатор Angular 4 теряет параметры при обновлении страницы
Когда я использую ссылку маршрутизатора, маршрутизатор находит страницу и отображает ее, но когда я пытаюсь обновить страницу или повторно войти с URL-адреса, он терпит неудачу и выдает мне эту ошибку:
Ошибка: не удается найти ни одного маршрута....
531 просмотров
schedule
05.02.2023
URL-адрес возвращается к предыдущему URL-адресу после загрузки страницы с текущего URL-адреса.
Сначала мой URL-адрес:
/pages/check_info/add_info
после нажатия кнопки на этих страницах загружается URL:
/pages/check_info/add_visitor.
проблема в том, что после загрузки формы add_visitor URL снова меняется на...
122 просмотров
schedule
01.02.2023
как хранить параметры маршрута во вложенных маршрутах в angular 4?
Причина использования вложенного маршрута для меня заключается в динамической обработке значка и кнопки «Назад» для каждой страницы. У меня есть абстрактный маршрут, потому что, когда я нажимаю кнопку «Назад», параметры маршрута исчезают, и я помещаю...
2470 просмотров
schedule
09.05.2023
Как имитировать ActivatedRouteSnapshot при модульном тестировании резолвера
Я хочу написать модульный тест для своего преобразователя, который должен принимать ActivatedRouteSnapshot в своем конструкторе следующим образом:
export class MyResolver {
constructor () {
// ...
}
resolve (private route:...
10210 просмотров
schedule
05.05.2022
Сборке ng не удалось выполнить «replaceState» в «Истории»: объект состояния истории с URL-адресом не может быть создан в документе с исходным значением «null» и URL-адресом
Я использую Google Chrome версии 52 и хочу иметь возможность запускать свое приложение локально без сервера, обращаясь к index.html.
Я могу попасть на целевую страницу своего приложения. Однако, когда я пытаюсь перейти на другую страницу или...
1851 просмотров
schedule
31.12.2022
RouterChildActive Observable‹boolean› для компонента
У нас есть AccountComponent , который содержит несколько дочерних ссылок. Мы хотим скрыть эти дочерние ссылки всякий раз, когда дочерние элементы активны. Сейчас кажется, что мы можем добиться этого двумя способами:
routerLinkActive и проверка...
136 просмотров
schedule
27.04.2023
Нажмите кнопку «Все еще работающие побочные эффекты» на отключенной кнопке.
Я использую mat-icon для кнопок и хочу отключить некоторые из них:
<button mat-button [disabled]="disabledCondition()">
<mat-icon [routerLink]="['./settings']">
settings
</mat-icon>
</button>
моя...
978 просмотров
schedule
25.09.2023
Внутренние ссылки в динамическом контенте без перезагрузки страницы в Angular
Я создаю простой блог с помощью Angular 5, и у меня проблемы с внутренними ссылками. Одним из компонентов является PostComponent, он извлекает содержимое поста из бэкенда и отображает его. Проблема в том, что пост может иметь внутренние ссылки,...
259 просмотров
schedule
28.12.2022
Как перенаправить на страницы при нажатии кнопки «Назад» различных компонентов в angular2?
У меня есть 3 страницы для реализации этого сценария.
В настоящее время,
Если я перехожу на первую страницу и нажимаю, чтобы перейти на вторую страницу. И затем, на 2-й странице, я нажимаю кнопку «Назад». Он отлично работает (т.е. переходит...
844 просмотров
schedule
13.10.2022