angularjs 递归

最新推荐文章于 2024-06-26 09:45:18 发布

曹振华

最新推荐文章于 2024-06-26 09:45:18 发布

阅读量282

点赞数

分类专栏： angularjs 文章标签： angularjs 递归

本文链接：https://blog.csdn.net/chadcao/article/details/109250581

版权

angularjs 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="my_app">

	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/angular.min.js"></script>
		<script type="text/javascript">
			var app = angular.module("my_app", []);
			app.controller('my_controller', function($scope) {
				$scope.group = [{
						id: 1,
						name: '浙江',
						child: [{
							id: 3,
							name: '嘉兴',
							child: [{
								id: 7,
								name: '嘉善'
							}, {
								id: 8,
								name: '海盐'
							}]
						}, {
							id: 4,
							name: '杭州'
						}]
					},
					{
						id: 2,
						name: '江苏',
						child: [{
							id: 5,
							name: '南京'
						}, {
							id: 6,
							name: '苏州'
						}]
					}
				];
			});
		</script>
		<script id="recursion" type="text/ng-template">
			<li ng-repeat="item in group">
				<a href="{{item.id}}">{{item.name}}</a>
				<ul ng-if="item.child.length" ng-include="'recursion'" ng-init="group=item.child"></ul>
			</li>
		</script>
	</head>

	<body ng-controller="my_controller">
		<ul ng-include="'recursion'"></ul>
	</body>

</html>