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