Typescript 角度5-刷新组件(而不是整个页面)

Typescript 角度5-刷新组件(而不是整个页面),typescript,refresh,typescript2.0,angular-components,angular5,Typescript,Refresh,Typescript2.0,Angular Components,Angular5,现在,我有一个按钮叫:重置默认值 我正在按钮标记中调用(单击)=“onResetDefault()”,我希望onResetDefault()方法只刷新特定组件,而不是整个窗口(不同于location.reload()。我该如何做?请使用angular 2+的实践回答:)在组件中创建一个局部变量(假设使用typescript,如果Angular 2+): 然后通过其他方式操纵该变量。 然后在组件中调用onResetDefault()方法,如下所示: onResetDefault(): void {

现在,我有一个按钮叫:重置默认值


我正在按钮标记中调用
(单击)=“onResetDefault()”
,我希望
onResetDefault()
方法只刷新特定组件,而不是整个窗口(不同于
location.reload()
。我该如何做?请使用angular 2+的实践回答:)

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

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

onResetDefault(): void {
    myValue = 'Default';
}
我不知道如何以及为什么会触发页面重新加载,但这应该满足您的要求

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

my value is: {{ myValue }}

我使用本地存储服务来否定这个刷新,您所要做的就是让组件调用其OnChanges生命周期挂钩。这将强制组件重新绘制。
my value is: {{ myValue }}