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

Question

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

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

Answer 1

在Component中创建局部变量（如果使用Angular 2 +，则使用typescript）：

myValue: string;

然后通过其他方式操纵该变量。 然后在Component中调用onResetDefault（）方法，如下所示：

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

我不知道如何以及为什么会触发页面重新加载，但这应该是你想要的。

在您的模板（.html）中

然后肯定是在某个地方展示，最简单的就像：

my value is: {{ myValue }}