Публикации по теме 'router-outlet'
Примечания Angular: передача данных из дочернего компонента в родительский контейнер
Задача: обрабатывать разные дочерние компоненты в одном контейнере с использованием их данных на родительском уровне.
Например: есть несколько компонентов с разными формами, и все они имеют одинаковую динамическую информацию об обработке и проверке форм: например. загрузка, ошибки на стороне сервера, заголовок формы, изображение. И нужно показать эту общую информацию на уровне контейнера. Возможно, для динамического опроса с разными типами вопросов:
Поэтому необходимо..
Angular: роутер-розетка и его события
В этом разделе основное внимание будет уделено событиям, поддерживаемым маршрутизатором в Angular. Итак, предполагается, что вы уже знакомы с маршрутизацией Angular и ее работой. Начнем с краткого описания «Роутер-розетка».
Router-outlet в angular действует как заполнитель, который позволяет пользователю динамически загружать компоненты в зависимости от текущего состояния маршрута.
Синтаксис: ‹router-outlet› ‹/router-outlet›
Селектор выхода маршрутизатора активируется, как..
Маршрутизатор своими руками - router.navigate
После того, как нам удалось изменить поведение нашего якорного элемента и заставить его вызывать нашу собственную реализацию, пришло время действительно реализовать его.
Что нам делать?
Измените часть приложения (т. Е. Покажите другой экран) Вручную измените адрес, отображаемый в адресной строке нашего браузера.
Маршрутизатор и выход маршрутизатора
Не так давно я разработал с использованием angular, в своей реализации я выбрал терминологию, используемую командой Angular,..
Вопросы по теме 'router-outlet'
передавать данные через ‹router-outlet›, используя взаимодействие компонентов в angular2
Я пытаюсь использовать эту технику перехватить свойство ввода изменяется с помощью установщика , чтобы передать некоторые данные из родительского компонента в дочерний компонент и вызвать метод в дочернем компоненте при изменении значения. моя...
11960 просмотров
schedule
20.04.2022
Angular 6 Использование роутера-розетки
Я пытаюсь понять, как именованные розетки работают в Augular 6. Я хочу иметь возможность разбивать страницу на несколько разделов и динамически отображать на этой странице различный контент на основе нескольких именованных розеток, предоставленных...
2790 просмотров
schedule
23.10.2022
Как установить посадочный компонент рекомендуемого модуля по умолчанию через маршрутизатор в angular 2
У меня есть два модуля (clientModule, AdminModule), модуль администратора загружен лениво.
При загрузке страницы загружается клиентский модуль.
Маршруты клиентского модуля
const _routes: Routes = [
{
path: ':id', component:...
2167 просмотров
schedule
29.11.2022
Именованный маршрутизатор и вложенные маршруты в angular 6
Может ли кто-нибудь помочь в навигации по определенному маршруту. Я сижу с этим уже несколько часов. Вот что у меня есть:
const routes: Routes = [
{
path: '', redirectTo: 'home', pathMatch: 'full'
},
{
path: 'home',
component:...
1455 просмотров
schedule
03.01.2023
как выполнить маршрутизацию внутри нескольких экземпляров одного и того же компонента в angular 6
В моем POC отображаются два экземпляра панели инструментов. Я хочу, чтобы дети появлялись в соответствующем экземпляре компонента.
Но текущее поведение таково, что даже если я нажму кнопку в первом экземпляре, дочерние элементы будут отображаться...
816 просмотров
schedule
30.11.2023
не может активировать уже активированную розетку при обновлении страницы
Когда я обновляю свою дочернюю страницу, я получаю сообщение об ошибке «невозможно активировать уже активированную розетку». Вот мой модуль роутера ts
`const routes: Routes = [{
path: '',
component: citComponent,
children: [
{
path:...
226 просмотров
schedule
11.01.2023
Ошибка: не удается сопоставить маршруты при использовании имени выхода маршрутизатора в Angular
Я использую angular 6, и я хочу создать модальное окно с маршрутом, для этого я использую розетку маршрутизатора с именем, но когда я пытаюсь перейти по маршруту модального окна, появляется сообщение об ошибке:
Ошибка: не перехвачено (в...
485 просмотров
schedule
14.05.2022
Есть ли способ создать несколько маршрутизаторов-выходов с несколькими вариантами выхода ИЛИ без выхода в URL-адресе компонента?
Я хочу добиться полностью динамической маршрутизации и представления компонентов. Для этого мне нужно открыть несколько маршрутов в пользовательском интерфейсе.
{ path: 'login', component: LoginComponent, outlet: 'opt1,opt2' }, { path:...
62 просмотров
schedule
30.09.2022
Угловой тест жасмина маршрутизатора-розетки
Я тестирую навигацию в веб-приложении с помощью спецификации Jasmine с RouterTestingModule , но у меня проблемы с вложенным fixture.whenStable().then(() => {}) .
Например: я нажимаю на ссылку, затем на другую ссылку, а затем еще на одну...
49 просмотров
schedule
30.11.2022