javascript - 如何在 Angular 变化事件中重新加载组件

Question

我有 Angular 组件，正在加载其他组件，现在如果发生更改(例如下拉项选择)，我只需要重新加载一个特定组件。可以这样做吗？

我研究了堆栈溢出本身的一些答案，但主要是关于重新加载整个页面。

  <dropdown (change)="detectChange($value)" />
  <Component-one></Component-one>

在一个组件中，我有一个带有很少值的“下拉菜单”，而其他组件则说“组件一”已加载，当“下拉菜单”中的值发生变化时，我需要重新加载“组件一”。

Answer 1

这是一个一般性问题。首先你需要明白你最终想要实现什么。

“重新加载”组件的一种方法是，根据下拉值将一些数据传递给组件，因此，它将自动“重新加载”。

另一种方法是，您可以根据下拉值设置 url 参数或查询参数，并在下拉值更改时导航到具有新参数值的路由，以便组件将“重新加载”。