is it possible to use ListView template in xml file that is defined in js file?

Part of codes in index.xml file as below

...
<ListView id="ListViewCountries" class="fill" />
...

and template codes as below which is defined in js file

...
var $.ListViewCountries = {
    templates : {
        '_ListViewCountries' : require('listviewsTemplates').$ListViewCountries,
        '_ListViewEmptySection' : require('listviewsTemplates').$ListViewEmptySection
    }
 
};
...

but this approach is not working. I need to use codes in xml and in js file separately. Is there any suggestion for similar approach?

Thank you in advance.