Angular 5 - 刷新组件（不是整个页面）

Posted 2023-03-13

【中文标题】Angular 5 - 刷新组件（不是整个页面）

【英文标题】：Angular 5 - Refresh a component (Not the whole page)

【发布时间】：2018-04-27 21:14:35

【问题描述】：

现在，我有一个名为：重置默认值的按钮

我在按钮标记中调用(click)="onResetDefault()"，我希望onResetDefault() 方法只刷新该特定组件而不是整个窗口（不像location.reload()。我该怎么做？使用角度实践的答案2+将不胜感激:)

【问题讨论】：

我使用本地存储服务来否定这次刷新

您所要做的就是让组件调用它的 OnChanges 生命周期钩子。这将强制组件重绘。

【参考方案1】：

在你的组件中创建一个局部变量（假设使用打字稿，如果 Angular 2+）：

myValue: string;

然后您通过其他方式操纵该变量。 然后在组件中调用 onResetDefault() 方法，如下所示：

onResetDefault(): void 
    myValue = 'Default';

我不明白您将如何以及为什么会触发页面重新加载，但这应该可以满足您的要求。

在您的模板 (.html) 中，那么它肯定会出现在某个地方，最简单的是：

my value is:  myValue