How to refresh model data from inside component in EmberJS?

Currently I have a set up a application that lists the model collection and also have implemented pagination in it.

Now, I want to move all of this logic into a component so that it is reusable across multiple listings. To achieve this, I have passed the model variable inside the component.

Since, server data communication is considered a bad practice I assume the changes must be applied to the controller ?

So, I am confused on how to make the api call to refresh the data can be called ?