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

Question

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

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

Answer 1

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

myValue: string;

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

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

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

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

my value is: {{ myValue }}