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

Question

I have three elements as mention below in angular HTML file

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

I want to reload element2 on execution of element2 component How can I reload the content of element2?

Answer 1

To update a particular element every minute you need to set an interval inside of it.

For example let's say you want to update index of element2 every minute, you can have a function inside setInterval like below:

@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);
    }
} 

Here I have taken the example of just updating the index, you can also update a list by making an API call etc...

I have created a plunker demo which updates element2 every second .