Question

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

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

我希望右列只为每个“主要”类别设置一个字符串，然后左列将有一个带有辅助类别选项的选项列表。我还想做的是按类型分组。因此，基本上会有按类型分组的选项列表部分。一个部分有两列'string'，然后是另一部分，下面有一列有两列'number'等。

- 数字 -

第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/

感谢您提供任何指导。

Answer 1

我假设你的意思是'org'而不是category，因为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/

AngularJS使用选项迭代创建选项列表

1 个答案: