我怎样才能在angular2中重新加载元素？

Question

我在角度HTML文件中提到了三个元素

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

我想在执行element2组件时重新加载element2如何重新加载element2的内容？

Answer 1

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

例如，假设你想每分钟更新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);
    }
} 

这里我举了刚刚更新索引的例子，你也可以通过API调用等来更新列表......

我创造了一个plunker demo，每秒更新element2。