How to give Dynamic values to data layer parameters

[jayakumarim]

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.

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

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.