如何在angular2中重新加载元素?

如何在angular2中重新加载元素?,angular,angular2-template,Angular,Angular2 Template,我在HTML文件中有三个元素,如下所述 <element1></element1> <element2></element2> <element3></element3> 我想在执行element2组件时重新加载element2 如何重新加载元素2的内容?要每分钟更新一个特定元素,需要在其中设置一个间隔 例如,假设您想每分钟更新element2的索引,您可以 函数内部setInterval如下所示: @Componen

我在HTML文件中有三个元素,如下所述

<element1></element1>
<element2></element2>
<element3></element3>

我想在执行element2组件时重新加载element2
如何重新加载元素2的内容?

要每分钟更新一个特定元素,需要在其中设置一个间隔

例如,假设您想每分钟更新
element2
的索引,您可以 函数内部
setInterval
如下所示:

@Component({
    selector: 'element2',
    template: `
        <div>
        <h2>Element 2 Index {{index}}</h2>
        </div>
    `,
})
export class Element2 {
    index: number = 0;
    constructor() {
        // we need to pass interval in milliseconds
        // 1 minute = 60 seconds, 
        // 1 second = 1000 ms
        setInterval(() => { this.index++;}, 1000*60);
    }
} 
@组件({
选择器:'element2',
模板:`
元素2索引{Index}
`,
})
导出类元素2{
指数:数字=0;
构造函数(){
//我们需要以毫秒为单位传递间隔
//1分=60秒,
//1秒=1000毫秒
setInterval(()=>{this.index++;},1000*60);
}
} 
这里我举了一个更新索引的例子,您也可以通过制作API来更新列表 呼叫等

我已经创建了一个更新
element2
每隔一秒

你所说的
执行element2
是什么意思?单击时是否调用任何函数?最初在页面加载时,所有三个元素都替换为HTML内容。但我希望每分钟重新加载element2内容。