0
我想动态创建在下拉列表中的复选框使用角度。我使用引导。每个复选框项目可能会或可能不会有相关的子项。创建复选框列动态角
我找到的解决方案是把一切都一个div(.COL -sm -4,网格系统引导内,但项目未正确对齐
按照代码,因此这个动作的结果: (放线为红色,便于方向)
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:14px; padding: 16px 15px">Tipo peca <span class="caret"></span></a>
<ul class="dropdown-menu" style="border:1px solid #dcdcdc;border-radius: 3px; width:1000px;">
<li ng-repeat="result in vm.listAnuncios.anunciosAgrupadosPorTipoPeca">
<div class="col-sm-4" style="border:1px solid red;">
<input type="checkbox" ng-click="vm.selectAll($event)" />
<span class="lbl padding-8" style="color:#8b8b8b; font-size:12px !important">
{{result.nome}}
<span style="color:#b0b0b0;">{{result.total}}</span>
</span>
<ul id="tp_{{result.subTipoPecaId}}">
<li ng-repeat="peca in result.pecasAgrupadas" style="margin-left:25px;">
<input type="checkbox" ng-click="vm.selectAll($event)" />
<span class="lbl padding-8" style="color:rgba(139, 139, 139, 0.88); font-size:12px !important">
{{peca.nome}}
<span style="color:#b0b0b0;">{{peca.total}}</span>
</span>
</li>
</ul>
</div>
</li>
</ul>
</li>
(请忽略了葡萄牙中的代码。)
结果:
谢谢Dipali Vasani, 但我动态构建的检查。有些可能有一个或多个孩子,这会导致渲染中出现错误。您可以看到该图像组没有正确嵌套。即使如此,谢谢你的回复。 – lenuves
如果你还没有解决方案,分享json,如果我可以帮忙。 –