我使用引导程序制作了一个带有多个复选框的下拉菜单(请参阅http://jsfiddle.net/rxdazn/ryzJb/3/)。此下拉菜单将介绍在同一图表上绘制多个图形(“度量”)+ 多个选项(对数刻度等)的可能性。
值列表(对应于“度量”)将存储在 json 对象中。现在,我只使用一个选择(用户只能绘制 1 个图表,没有图表类型也没有选项):
<select ng-model="measure" ng-options="facet.path as facet.name for facet in station.facet_groups[0].facets"></select>
我怎样才能最好地处理每个度量类型将具有相同子菜单的事实?
我应该更改我的 HTML 吗?我应该动态生成<input>
id
属性值吗?
<!-- graph type -->
<li class="dropdown-submenu"> <a href="#">Graph type</a>
<ul class="dropdown-menu">
<li>
<input type="checkbox" id="line" name="graph" value="line">
<label for="line">line</label>
</li>
<li>
<input type="checkbox" id="dot" name="graph" value="dot">
<label for="dot">dot</label>
</li>
</ul>