Scenario 1 : on click element having href attribute

when I try to click on element with following html then I am redirected to a new page and the browser URL changes as well

<a href="https://www.abc/page1" class="xyz">Page1</a>

Scenario 2 : on click angular element not having href attribute

But when I click on element with following html then I am redirected to desired page but the browser url does not changes

<label _ngcontent-vnr-c10="">NavigateToNextPage</label>

Because of this, Even when the UI content is loaded, Cypress is not able to locate elements of new page.

Can someone help me with resolution of why the URL is not changed but page content is changed ??