结合相同的数据以不同的angularJS表单元素 [英] Bind the same data to different form elements in angularJS

问题描述

让用户说可以由许多条件的高级搜索，如颜色的自适应网站出头。

Let say user can advanced search by many conditions such as colors for somethings on responsive website.

颜色从复选框选择在页：当屏幕> 768px但高级搜索会消失，当屏幕尺寸＆LT; 768px，并出现在右上方corne图标。当单击该图标，出现从先进右侧Android这样的资产净值抽屉搜索并设置颜色，选择元素（可多选）。

colors can select from checkbox in page when screen > 768px but that advanced search will disappear when screen size < 768px and appear icon on top right corne. When click that icon, appear advanced search from right side like android nav drawer and set the colors to select element (multiple select).

继code是OK的复选框：

Following code is ok on checkbox:

<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};

如何将数据绑定为使用上述数据选择元素？

或者有什么需要改变上面的数据格式？

Or something needs to change above data format?

推荐答案

角有 NG-选项指令它允许您迭代对象和供应＆LT;选项＆GT; 到＆LT;选择＆GT; 。如果有合适的格式，可以使用相同的对象为您＆LT;选择方式＆gt;

Angular has the ng-options directive which allows you to iterate over an object and supply <option> to a <select>. Given the right format, you can use that same object for your <select>.

这篇关于结合相同的数据以不同的angularJS表单元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！