锚定标记包围的无线电输入不起作用

Question

我在AngularJS2中编写了一个应用程序，顶部有一个简单的导航栏。用户应该点击导航和页面跳转到部分。 导航具有内嵌锚标记，其中包含输入单选按钮。

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

问题是有时锚标签工作，无线电输入不起作用，有时无线电输入有效，锚点也没有。

如果没有JS / AngularJS2，我怎样才能解决它？

Answer 1

我认为此代码会混淆Angular，因为当您单击时，angular不知道您是单击按钮还是标记，还是两者都知道。

尝试这样的事情：

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

您可能还需要添加一些CSS来根据需要对齐输入和标记。