0

我想知道如何从 json 集合迭代地创建选择列表（下拉列表）。

我有两个所需的列，一个代表“主要”类别，另一个代表“次要”类别。

我希望右列对于每个“主要”类别只有一个字符串，然后左列将有一个包含次要类别选项的选项列表。我还想做的是按类型分组。因此，基本上会有按类型分组的选项列表部分。一个包含两列“字符串”的部分，然后在该部分下方的另一部分包含两列“数字”，等等。

--数字--

第1栏|| 第 2 栏

标签 || 选择列表

--字符串--

第1栏|| 第 2 栏

标签 || 选择列表

--布尔值--

第1栏|| 第 2 栏

标签 || 选择列表

    function MyCtrl($scope) {
$scope.players = [
    {type: 'String', org: 'primary', name: 'something__c', label: 'Something'},
    {type: 'Number', org: 'primary', name: 'something_else__c', label: 'Something Else'},
    {type: 'String', org: 'primary', name: 'obscure__c', label: 'Obscure'},
    {type: 'String', org: 'primary', name: 'else__c', label: 'Else'},
    {type: 'String', org: 'secondary', name: 'some__c', label: 'Some'},
    {type: 'Number', org: 'secondary', name: 'thing__c', label: 'Thing'},
    {type: 'Number', org: 'secondary', name: 'sanity_check__c', label: 'My Sanity'}
];

}

使用教程我只能得到这个小提琴中的内容：http: //jsfiddle.net/GV7KZ/5/

感谢您的任何指导。

4

1 回答 1

0

我假设您的意思是“org”而不是类别，因为 org 是唯一具有“primary”和“secondary”值的节点。我想也许您想使用“过滤器”而不是您的自定义“分组依据”过滤。

我对您的小提琴进行了一些更改，将两者分开。让我知道这是否能让你更接近你想要的。

<tr ng-repeat="player in players|filter:'primary'">
  <td>
      {{player.label}}
  </td>
<td>
    <select>
          <option ng-repeat="player in players|filter:'secondary'" value="{{player.name}}">{{player.label}}</option>
    </select>
</td>

http://jsfiddle.net/GV7KZ/6/

于 2014-03-10T00:13:59.550 回答