被锚标签包围的无线电输入不起作用

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 以根据需要对齐输入和标签。