ng-repeat 中可折叠详​​细信息摘要旁边的复选框

Question

我想在 ng-repeat 内的详细信息元素的可扩展摘要旁边放置一个复选框。

最初看起来一切都很好，但是当我单击展开箭头时，复选框会出现在摘要内而不是箭头旁边。复选框必须在ng-repeat 内，因为我的复选框ng-click 函数中需要$index：

<div ng-repeat="n in ctrl.array track by $index">
        <input type="checkbox" style="display: inline-block"
               ng-model="ctrl.checked[$index]" ng-click="ctrl.setSelected($index)">
        <details style="display: inline-block">
            <summary>Display something (element {{$index + 1}})</summary>
            <iframe></iframe>
        </details>
    </div>

Answer 1

我找到了解决方案。我只需要使用

style="float: left"

用于输入元素。而已。无需进一步设置 details 元素的样式。