Angularjs：ng-options 按组分组

29 浏览
0 Comments

Angularjs：ng-options 按组分组

我有这样一个单层树状结构的情况：





JSON 如下：




[
  {"ID":"1", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName1"},
  {"ID":"2", "IDPARENT":"1", "TIPIS":"GroupName1", "DESC":"CHILDNAME1"},
  {"ID":"3", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName2"}
]





问题在于，这将创建具有其子节点的 optgroups，但也会重复根节点：




- GroupName1
- GroupName2
[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]





我想产生的结果是：




[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]




								
admin 更改状态以发布 2023年5月23日
							

							

															

						

						
0

					

				


			


			
			

	

		

			

				2
				答案			


					


		
		

			
				
											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
这个简单的下拉菜单可以显示带有分组和不带分组的选项，也可以设置一些选项为禁用状态：这是plunk：


 https://plnkr.co/edit/uhsn4lmzssi6rrijPEAp?p=preview




 




									

				

									

			

			
0

		

	



											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
分组并不像那样工作，如果您将json更改为这样：




[
 {"ID":"1", "TIPIS":"GroupName1", "DESC":"name"},
 {"ID":"2", "TIPIS":"GroupName1", "DESC":"name1"},
 {"ID":"3", "TIPIS":"GroupName2", "DESC":"name2"},
 {"ID":"4", "TIPIS":"GroupName1", "DESC":"name3"},
]





那么您将得到所需的分组。


jsFiddle：http://jsfiddle.net/rtCP3/182/

									

				

									

			

			
0