AngularJS中的ng-repeat、ng-repeat-start和ng-repeat-end的用法区别详解

    不碰前端好多年，早已成为落伍者；前端技术发展迅速，忙于其他，一直无缘接触AngularJS、VueJS等前端框架。今初尝禁果，额...是第一次亲密接触AngularJS，被其ng-repeat、ng-repeat-start和ng-repeat-end所迷惑，看不错何区别。百度一下，依然没看明白，既然看不明白就自己试验吧。

    代码如下：

	
		
		
		
	
	
		
我的订单：
		
用ng-repeat-start和ng-repeat-end精确控制循环部分
		

			{{item.title}}
			
			{{item.price | currency}}
			{{item.price * item.quantity | currency}}
			移除				
		
		
改进-用ng-repeat-start和ng-repeat-end精确控制循环部分
		

			{{item.title}}
			
			{{item.price | currency}}
			{{item.price * item.quantity | currency}}
			移除
			

		
		
不需要精确控制循环体的场景：直接用ng-repeat
		

			{{item.title}}
			
			{{item.price | currency}}
			{{item.price * item.quantity | currency}}
			移除
			

		
		
	

结论：①当不用精确控制循环体的时候，可以直接使用ng-repeat;

            ②需要精确控制循环体的时候(重点是循环起止位置的时候)，可以使用ng-repeat-start,ng-repeat-end.

            ③如果一个div上被设置了ng-repeat-start,那么此div之内（即

与

）之间是不能放ng-repeart-end的，否则无法运行。