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

【问题标题】：Angular 5 - Refresh a component (Not the whole page)Angular 5 - 刷新组件（不是整个页面）
【发布时间】：2018-04-27 21:14:35
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

myValue: string;

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

onResetDefault(): void {
    myValue = 'Default';
}

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

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

my value is: {{ myValue }}

【讨论】：