Radio input with surrounded by anchor tag doest work

I writing an app in AngularJS2, and I have a simple navigation bar on the top. The user is supposed to click on navigation and page jump to sections. Navigation has inline anchor tags with input radio buttons in them.

<label for="yp">
     <a href="test.com" target="_blank"><input type="radio" id="yp">This is a radio bitton</a>
</label>

The problem is sometimes anchor tag works, and radio input doesn't, and sometimes radio input works and the anchor doesn't.

How can I resolve it preferably without JS/AngularJS2?