Skip to content

Name outlets doesn't work with lazy loaded modules. #17343

Closed

Description

@markqian

I am submitting a [x] bug report

Current behavior

with lazy loaded modules I can not visit its child routes that uses named outlets.
For example

localhost:3000/heroes/(abc:list) doesn't work where heroes module is lazy loaded.

Expected behavior

I should be able to visit localhost:3000/heroes/(abc:list)

Minimal reproduction of the problem with instructions

Go to https://plnkr.co/edit/NNXAoZItM00RIIxzemts?p=preview and download the sample app into a zip file then run it by npm install and npm start.

What is the motivation / use case for changing the behavior?

To lazy load module with name outlets.

Please tell us about your environment:

Windows 10, visual studio code, chrome

  • Angular version:
    4.0
  • Browser:

Chrome, Firefox

  • Language: [all | TypeScript X.X | ES6/7 | ES5]

TypeScript

Activity

  1. Simon-Briggs commented on Jun 9, 2017

    @Simon-Briggs

    Related to #10981 ?

  2. jasonaden commented on Jul 18, 2017

    @jasonaden
    Contributor

    Duplicate of #10981

  3. Jonathan002 commented on Jul 20, 2019

    @Jonathan002

    @markqian Hi Markqian, I've created a workaround solution that is intended to help with named outlets and lazy modules. Please have a look and hope this helps.

    Repo: https://github.com/Jonathan002/route-master-example

  4. angular-automatic-lock-bot commented on Sep 15, 2019

    @angular-automatic-lock-bot

    This issue has been automatically locked due to inactivity.
    Please file a new issue if you are encountering a similar or related problem.

    Read more about our automatic conversation locking policy.

    This action has been performed automatically by a bot.

  5. locked and limited conversation to collaborators on Sep 15, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions