Nano Hash - криптовалюты, майнинг, программирование

Angular 2 маршрута с одним и тем же URL?

Как и в Angular UI Router, возможно ли иметь несколько маршрутов с одним и тем же URL-адресом в Angular2? например, по двум маршрутам:

{ path: '/home', name: 'Home', component: HomeComponent} ,
{ path: '/home', name: 'Dashboard', component: DashboardComponent}

В настоящее время в консоли возникает ошибка из-за конфликтующих маршрутов.

angular angular2-routing
11.01.2016

  • Итак, какой из двух компонентов вы ожидаете от рендеринга angular, если вы пойдете по этому маршруту? 12.01.2016
  • Наверное последний :). На самом деле, я понял твою мысль. Но это похоже на то, что UI-Router обеспечивает наличие нескольких состояний, связанных с одним и тем же URL-адресом. 12.01.2016
  • Я думаю, может быть проще сказать, какая функциональность вам нужна, или добавить пример того, как вы это сделали в ui-router 12.01.2016

Ответы:


1

Вы можете использовать AuxRoute, если вам нужен стиль ui-router с именем ui-view.

https://angular.io/docs/ts/latest/api/router/AuxRoute-class.html

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

Пример: http://plnkr.co/edit/JsZbuR?p=preview.

12.01.2016
  • Спасибо за ваш ответ @TheKojuEffect. Вопрос касался нескольких представлений, указывающих на один и тот же URL-адрес, но каждое представление действует как страница с полным содержанием. Кстати, AuxRoutes — хорошая концепция. 12.01.2016

    • 2

    Вы можете проверить Angular2 - два компонента с одним и тем же маршрутом где обсуждаются возможные решения для достижения того, что вам нужно.

    1. Используйте *ngIf в шаблоне, чтобы использовать разные селекторы в зависимости от оцениваемого условия.

      <home-logged-in *ngIf="authenticated()"></home-logged-in>
<home-logged-out *ngIf="!authenticated()"></home-logged-out>

    2. Создайте собственный маршрутизатор-выход, который будет загружать определенный компонент на основе оцененного условия.

    3. Перенаправление на другой маршрут в зависимости от оцениваемого условия (см. источник http://www.captaincodeman.com/2016/03/31/angular2-route-security/)

    Этот список не является окончательным, и могут быть другие способы достижения того, что вы ищете.

    05.05.2016
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..