Javascript 为什么锚定标记会干扰角度行为？

使用angular，这两个东西有一个非常不同的行为：

<li ng-repeat="client in ctrl.client_list">
    <a tabindex="0">
        <label class="checkbox">
            <input type="checkbox"
            ng-change="console.log(this.checked)"
            ng-model="client.checked">
            {{client.name}}
        </label>
    </a>
</li>

{{client.name}

以及：

{{client.name}

唯一的区别是

标记的存在。页面未重新加载，模型似乎已附加，但单击后不会更改

---

有人能解释一下为什么会发生这种情况吗？

使用“交互式”是无效的HTML标记像

标记中的复选框之类的元素。@Pointy，但我正在复制jQuery multiselect插件的工作方式，并显示multiselect dom，以及它对它们的工作方式…

元素也是交互的，不允许在锚定中使用。@Vandervals-其他做错事的库并不意味着你也应该做错事事物。@Vandervals您可以发布您所引用的教程链接吗？

<li ng-repeat="client in ctrl.client_list">
    <label class="checkbox">
        <input type="checkbox"
        ng-change="console.log(this.checked)"
        ng-model="client.checked">
        {{client.name}}
    </label>
</li>