Question

我有一个带有选项标签的html选择标记，如下所示：

＆＃13;

<select> 
<option value="">Parent 1</option> 
<option value=1>|--child 1</option> 
<option value=2>|----child 1.1</option>
<option value=2>|----child 1.2</option>
<option value=1>|--child 2</option>     
  
<option value="">Parent 2</option> 
<option value=1>|--child 2</option> 
<option value=2>|----child 2.1</option> 
  
<option value="">Parent 3</option> 
<option value=1>|--child 3</option> 
<option value=2>|----child 3.1</option>   
</select>

＆＃13;

你能教我如何在Angularjs 1指令中实现这个递归吗？如何在可编辑模式下获取所选项目？

非常感谢。

Khoa Truong Quoc Anh。

Answer 1

您可以将<optgroup>与ng-select

一起使用

 <select ng-model='theModel' ng-change="display(theModel)">
        <optgroup ng-repeat='group in collection' label="{{group.Name}}">
        <option ng-repeat='veh in group.Fields' value='{{group.Name}}::{{veh.Name}}'>{{veh.Name}}</option>
        </optgroup>
 </select>

DEMO

Answer 2

语法：

ng-options="option.name as option.value group by option.type for option in options"

Click for demo

angularjs中的递归显示选择选项

2 个答案: