Infinite scroll with template7 replacement

{
  path: '/user/',
  async: function (routeTo, routeFrom, resolve, reject) {
    app.request.get('https://xxxx.com/fetchuserlist', function (data) {
      resolve(
        {componentUrl: './pages/user.html'},
        {context: {users: data}};
      );
    })
  },
},

This is working fine.

i have an another doubt how can i use same set of template with infinite scroll behavior to fetch and append with existing wrapper.

From the box, you can’t. You need to maunally fetch data from ajax on infinite scroll and manually add items. Check how it is done in Kitchen Sink https://github.com/framework7io/framework7/blob/master/kitchen-sink/pages/infinite-scroll.html