Hi 

I have two angular applications(parent, child). I am creating a custom 
element (using angular elements) from the child application and injecting 
it into the parent application. The child application has two forms. First 
form routes to the second one on button click. 

The issue that I am facing is with the routing of the child application 
which is explained below with the example.

Parent application calls the child application on button click (button - 
custom element) through the .js file.


[image: MainApp.PNG]

HTML below the custom element button is from the child application


[image: ChildApp called.PNG]


First time when i click test, it navigates to Form2


[image: Form2rendered.PNG]


If I click custom element again, it navigates to the Form1 but the route on 
click of test button (route to form2) stops working. If you see the link 
gets changed but the Form doesn't get rendered.


[image: ChildApp called.PNG]


[image: Form2NavgationIssue.PNG]


Please help.



-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/23ccbc11-2dad-427a-9831-dd6b906cca93%40googlegroups.com.

Reply via email to