How to give Dynamic values to data layer parameters

Hi All,
I want to give data layer parameters dynamically to each page route in angular.
I add bellow script in tag of index.html.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
appId: 'UR_REP',
pageName: 'test',
hostEnv: 'Dev',
product: 'OPAY'
});

And i push new values for every page route like below

this.router.events.subscribe(event => {
if (event instanceof NavigationEnd) {
ga('set', 'page', event.urlAfterRedirects);
ga('send', 'pageview');
const currentDataLayer = {
appId: 'UR_REP',
pageName: event.id + '',
hostEnv: 'Dev' + event.id,
product: 'Opay' + event.id
};
window.dataLayer.push(currentDataLayer)
}
});

But it's consider default values for all pages which i gave in index.html.
Please help me how to make in dynamic.