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

Question

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

这一切看起来都不错，但是当我点击展开箭头时，复选框会在摘要中而不是箭头旁边显示位置。该复选框必须位于ng-repeat内，因为我的复选框$index功能需要ng-click：

<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"

表示输入元素。就是这样。不需要进一步设计细节元素。