将相同的数据绑定到angularJS中的不同表单元素

Question

假设用户可以在响应式网站上通过诸如颜色之类的许多条件进行高级搜索。

当屏幕＆gt;

颜色可以从页面中的复选框中进行选择768px，但当屏幕尺寸＆lt;高级搜索将消失768px并在右上角显示图标。单击该图标时，从右侧显示高级搜索，如android nav抽屉，并将颜色设置为Court元素（多选）。

以下代码在复选框上正常：

select

使用此数据：

<label ng-repeat="(color, enabled) in colors">
    <input type="checkbox" value="color" ng-model="colors[color]"> {{color}}
</label>

如何使用上述数据绑定$scope.colors = { 'Silver': true, 'Gray': false, 'White': true, 'Brown': false}; 元素的数据？

或者某些内容需要更改以上数据格式？

Answer 1

Angular有ng-options directive，允许您迭代一个对象并将<option>提供给<select>。如果格式正确，您可以为<select>使用相同的对象。