typescript - Angular 5 - 刷新组件(不是整个页面)

Question

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

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

Answer 1

在您的组件中创建一个局部变量(假设 Angular 2+ 使用 typescript ):

myValue: string;

然后您通过其他方式操纵该变量。然后你在你的组件中调用你的 onResetDefault() 方法，它看起来像:

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

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

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

my value is: {{ myValue }}