要将AngularJS嵌套标签绑定到JSON,可以使用ng-repeat
指令和对象属性的点表示法。以下是一个示例:
HTML代码:
{{ item.title }}
{{ item.description }}
-
{{ subItem }}
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.data = [
{
title: 'Item 1',
description: 'Description for Item 1',
subItems: ['Subitem 1', 'Subitem 2', 'Subitem 3']
},
{
title: 'Item 2',
description: 'Description for Item 2',
subItems: ['Subitem 4', 'Subitem 5', 'Subitem 6']
}
];
});
在这个例子中,我们创建了一个包含两个对象的JSON数组。每个对象都有一个标题、描述和一个子项数组。我们使用ng-repeat
指令来遍历数据数组,并将每个对象的属性绑定到HTML元素中。在子项数组上使用ng-repeat
指令来遍历并显示每个子项。
最终的输出将是一个包含标题、描述和子项的列表。