问题标签 [angular-component-router]

我想让一个 Angular 7 网站响应。我有两个非常不同的布局，我没有使用 CSS 媒体查询隐藏所有这些不必要的 HTML，而是创建了两个组件，分别对应于较大的桌面版本和用于手机和较小显示器的版本。所以我做了两个不同的路由：

目前我在加载和调整大小事件时更改它们：

但是这种方法效率低下，因为它会在组件更改时重新加载页面。有没有办法在不重新加载整个页面的情况下重新加载它们？

我正在开发一个 Angular 7 应用程序，我现在一直面临一个有趣的问题。

我的目标是不要在整个应用程序中使用“硬编码 URL”。

所以，我有一种方法，比如维护一个配置文件，我可以在其中拥有所有站点 URL 并提供所需的组件和模块。

具有如下代码的配置。

routes.ts // 网址配置文件

路线服务.ts

应用程序路由模块

在这个级别上一切都很好。我可以提供路由的 URL。

但有趣的情况是，我有另一个需要 URL 的组件。

管理索引.component.ts

当我这样做时，我收到了一个警告，比如“检测到循环依赖中的警告”。我知道在 routes.ts 上导入“ AdminIndexComponent ”会导致此警告。

我可以知道如何摆脱这个问题吗？还请提出一种有效的方法来做到这一点？

谢谢你。

我正在尝试将大组件拆分为较小的组件。我已经实现了 Angular Material 的拖放功能，它通过哈希标记连接两个列表。问题是现在可以拖动的列表和可以放置项目的列表是分开的，因为每个都在不同的组件中。我的问题是如何连接这两个列表以再次获得功能？我没有询问任何代码实现，而只是询问将值传递给这两个组件之间的哈希元素引用。

代码：子组件 1 ([cdkDropListConnectedTo]="[doneList]")：

子组件 2 ([cdkDropListConnectedTo]="[todoList]"):

我使用Angular7做一个Angular应用程序，我尝试使用两个“router-outlet”标签，例如我有两个组件“main”和“main2”，它们有一半是相同的，它们在父组件中路由，并且我想将它们的差异路由到两个“子组件”中，这可能吗？你有什么探索的方法吗？谢谢 ;）

我正面临一个非常棘手的情况。我已经定义了多个路由，这些路由映射到我的应用程序中的不同组件。我想加载与给定路线相对应的组件，<router-outlet>在通常情况下这应该不是问题。但是这次我想<router-outlet>在自定义列表组件中使用，就像下面给出的代码一样。这会创建多个实例，<router-outlet>这些实例会导致问题并且组件不会加载。

下面的代码工作正常。但是该组件是在列表组件之外加载的。这是不希望的。

下面的代码也可以正常工作。但是这次我失去了基于路由动态加载组件的能力。为所有人加载相同的组件。

或者是否有一种简单的方法可以根据路由动态找出组件并注入模板。

当我尝试在 Angular 中组织两个组件之间的通信时，我遇到了一些困难。

父组件是“animal”，子组件是“animalEspece”。

这就是我的网页现在的样子：

当我单击 Requin、Shark 等动物类型时...我希望子组件（称为 animalEspece）仅显示这种类型的动物。

为此，我有一个包含我所有动物的列表，并将此列表提供给组件 animalEspece。

但是当我点击什么都没有发生。组件 animalEspece 接收变量但不显示任何内容。

这是我的动物 html 代码：

这是我的 animal.ts ：

这是我的 html animalEspece 代码：

这是我的 animalEspece.ts ：

经过多次测试，我了解到问题是我的组件 animalEspece 在我点击按钮之前已经初始化。如果我创建一个初始化为 false 的新布尔值（名为 bool），我可以解决我的问题，但是当我单击动物按钮时更改为 true。如果我写在动物 html 中：

但是这个解决方案只适用于第一次点击动物按钮。而且我觉得这不是解决这个任务的好方法。

所以我需要帮助，以便当我单击动物按钮时，此按钮会显示相应的动物。每次点击那个按钮。

预先感谢您的帮助。

我希望这是一个简单的问题，但我坚持了一点。我有下一个结构：

组分 A

B组份

我的组件 A 有一个条目和按钮列表，应该隐藏组件 A 的视图并显示组件 B 的内容。组件 B 有一个 X 按钮，应该关闭组件 B 并再次显示组件 A。

我在组件-A.ts 中描述

这对我行得通！

但是，如果我对组件 B.ts 中的 closeMerge() 执行相同操作：

那是行不通的。没有错误，什么也没发生。逻辑上应该切换视图，但事实并非如此。

如何让它活起来？先感谢您！

我有两个子组件的应用程序组件，即第一个和第二个，我正在通过路由器出口标签导航。单击子组件按钮时，我想将父组件变量更改为“XYZ”。

app.component.html

app.component.ts

应用程序路由.module.ts

first.component.html

first.component.ts

我有一个使用路由创建的组件，并且该组件有一个输出 EventEmitter。如果组件是在路由上创建的，我如何订阅此输出？

组件是这样创建的：

我坚持将对象传递给 Angular 9/10 中的解析器。任何帮助将不胜感激。

我有一个页面SearchUser.component.ts，我从中导航到另一个页面UserInfo.component.ts。我试图在解析器中传递对象，它可以使用用户对象模型执行我的服务。

A) SearchUser.component.ts

B）resolve-user.guards.ts
（在第 2 步，我期待可以在 API 上发布的数据）。但它显示空值。

UserInfo.component.ts

应用程序路由.ts

感谢是否有人能指出我正确的方向，因为我肯定错过了一些东西。