问题标签 [angular-component-router]

我正在构建一个具有根模块的应用程序，然后在此模块下是 3 个子模块。在模块 1 中，有一个可以在模块 3 中重用的组件，但是，如果我直接访问模块 3 中的组件 URL，则永远不会加载该组件（我认为这是因为模块 1 没有加载）。我已经尝试从模块 1 中导出组件并在根模块中引导它，但是我收到一个错误，提示找不到组件选择器

- -编辑 - -

根模块

模块 1

Module 3 // -> 在这个模块中使用共享组件

项目结构为：

根模块 模块 1 模块 2 模块 3

----编辑2 -----

共享模块

根模块

模块 1

模块 3

My requirement is to have tree of forms.In the parent form on click of button only child form will be created. It can go on like this upto n-levels.

My approach:

I have created one component. This is used as both parent and child. on click of button i am dynamically adding item to route.routeConfig.children of ActivatedRoute. Then navigating to the added path with relative to the current path. Till this part everything goes well. So i see all the forms in the scren. I want to make only the active form visible on screen. Then on click of a button (Back button) I want to go to its relaive parent and show that form only. I am able to hide the parent form when opening child form by using *ngif in the template. But not able to make it visible while coming back frm child. Below is my code. Please let me know if any other approach i should take or what extra i need to add to make it work my way.

My component.

I tried using a service to share the data between each instance of the same component.

the template test.component.html

App.module.ts routes:

I am trying to store the "showParent" information in the service and toggling it depending on actions. Under routing event "NavigationEnd" I am reading it and assigning it to the showParent propery.But it does not work. Still my parent form is hidden. And i just see blank screen. One problem i have noticed is the "NavigationEnd" event is fired multiple times may be becoz i am using same component and when a new child is created it adds another event.

在我的 angular 4 应用程序中，我有一些脚本，当我第一次加载时一切正常，但是当我将视图更改为我的应用程序的其他组件并返回主页时，所有脚本都损坏了。在控制台日志中发送消息，例如这是一个函数滚动顶部

和控制台日志发送这个

请帮助我，谢谢！

我在一个索引页面md-tab-group中使用，我确实有两个选项卡，每个选项卡都有自己的组件 -signin.component并且register.component：

通过加载页面，signin默认情况下会激活/选择选项卡。但是当用户切换到注册选项卡并提交注册表时，它工作正常，然后我想切换到signin选项卡并使其被选中。意味着用户可以在注册后登录——这是有道理的。

问题是我无法signin在注册后移动和选择/激活选项卡。该register选项卡保持选中状态，这会使用户感到困惑。

单击注册选项卡时，<md-tab-group>将直接嵌入signin.component.html其中并通过路由器加载注册表单：

我尝试了几个想法，但不幸的是，它们都没有给我预期的结果。

请问有什么提示或想法吗？

在一个页面中，我们有一个点击链接，我们可以通过该链接更改路线。

并且路由在我们的 app.js 中定义：

现在在组件中，$routerOnActivate我们读取$routeParams.

但是$routerOnActivate被调用了两次。

因此，displayList()被调用了两次。我究竟做错了什么？

我有一个userDetails可以从我的应用程序中的两个不同页面访问的组件。

它可以从searchUser组件访问，我在标题中有一个“我的帐户”菜单，该菜单在整个应用程序中都可用，它位于MenuComponent. 我应该从搜索页面以及我的帐户菜单将用户带到用户详细信息页面。我正在使用router.navigate导航到详细信息页面。它在搜索结果页面上运行良好。

但是，当我单击“我的帐户”链接时，它会点击userDetails组件，而当它点击调用服务以获取数据的函数时，它不会调用 API，而是退出该函数并将我带到主页。两个地方的 URL 相同。
我曾经console.log记录过activatedroute.routeconfig.path，/users/:userId当我从搜索结果中调用时，以及/home从 MyAccount 链接中调用时。
我哪里错了？

我多年来一直在使用 AngularJS 1.4.7。主导航基于模块定义中定义的状态，可能如下所示：

所以每个模块都有它的状态配置。很简单，而且效果很好。现在我正在尝试迁移到 AngularJS 1.5 并将我的应用程序更改为基于组件的应用程序。我正在阅读一些文章，他们谈论带有路由的组件。像这样的东西：

所以，按照我的看法，我可以将所有带有状态配置的模块替换为带有路由的组件，对吧？

我也在读这篇文章： 文章

作者以以下方式显示他的状态配置，这更接近于我目前所拥有的：

有人可以帮助我了解在应用程序导航方面从 1.4.7 迁移到 1.5 的方向吗？

谢谢

我正在尝试加载内部组件：

app/stores/store/store-top.component

一旦用户单击列表中的任何商店，我希望在商店组件中显示商店顶部的内容。

请提供一些输入

下面是我的存储库：https ://github.com/kamleshkatpara/ngModuleIssue.git

我有这个路由器解析器来从 Google Firestore 中检索数据。我正在尝试使用解析器提前获取数据。当我将调试器置于解析函数时，它会显示从服务器检索到的数据。但它永远不会从 resolve() 方法返回。谁能帮帮我。

路由模块

应用模块

解析服务

项目服务

** 项目组件（此组件从未被解析器加载 ）**

我正在使用 angular 4 我想要如下布局

在这里，我想要一个类似的布局。其中容器 1 是表单字段，第二个容器显示从左侧表单添加的项目列表。我希望它是动态的，当用户单击添加项目时，它应该显示描述字段，然后当用户单击确认时，项目应该添加到右侧窗格中，如下所示。

但我面临的问题是，由于我使用 2 个不同的组件，我正在使用一个通用服务来处理数据。但是当我在字段中输入详细信息时，右侧窗格列表开始更改。我不确定哪里出错了。当用户按下确认按钮时，正在将数据推送到常用服务中的列表数组中。效果很好，但问题是当 comp 1 字段更改 comp 2 列表数据更改为在 comp 字段中输入的值时。帮助我或建议我更好的方法来获得我想要的布局。

提前致谢