Javascript 工作台角度滤波器

我有数据集（最大长度为8）：

我需要一张像这样的桌子：

名称1

//空的

名称3

//空的

//空的

名称6

//空的

//空的

我如何才能做到这一点？

使用以下方法：

样本：

var myCtrl=function（$scope）{
$scope.list=[{number:1，name:“name 1”}，{number:3，name:“name 3”}，{number:6，name:“name 6”}]；
$scope.fakeList=[1,2,3,4,5,6,7,8]；
$scope.getName=函数（ind）{
对于（变量i=0；i<$scope.list.length；i++）
{
if（ind==$scope.list[i].number）
返回$scope.list[i].name；
}
返回“//空”；
}
}
var myApp=angular.module（'myApp'，[]）；
控制器（'myCtrl'，['$scope'，myCtrl]）





使用以下方法：

样本：


var myCtrl=function（$scope）{
$scope.list=[{number:1，name:“name 1”}，{number:3，name:“name 3”}，{number:6，name:“name 6”}]；
$scope.fakeList=[1,2,3,4,5,6,7,8]；
$scope.getName=函数（ind）{
对于（变量i=0；i<$scope.list.length；i++）
{
if（ind==$scope.list[i].number）
返回$scope.list[i].name；
}
返回“//空”；
}
}
var myApp=angular.module（'myApp'，[]）；
控制器（'myCtrl'，['$scope'，myCtrl]）





实际上，您可以只使用HTML，而不需要控制器操作：


angular.module（'demo'，[]）.controller（'DemoController'，function（$scope）{
$scope.items=[{
“数字”：1，
“名称”：“名称1”
}, {
“数字”：4，
“名称”：“名称4”
}, {
“数字”：6，
“名称”：“名称6”
}]
});
表格{
宽度：100px；
边界塌陷：塌陷；
}
表td{
填充：2x10px；
边框：1px#DDD实心；
}
表tr.项目{
背景：#EEE；
}
.小组{
位置：绝对；顶部：10px；左侧：120px；
}
pre.panel{left:240px；top:0；font size:11px；}

{{j}
{{item.number}
{{item.name}
{{j}
{{items}json}
实际上，您可以只使用HTML，而不需要控制器操作：


angular.module（'demo'，[]）.controller（'DemoController'，function（$scope）{
$scope.items=[{
“数字”：1，
“名称”：“名称1”
}, {
“数字”：4，
“名称”：“名称4”
}, {
“数字”：6，
“名称”：“名称6”
}]
});
表格{
宽度：100px；
边界塌陷：塌陷；
}
表td{
填充：2x10px；
边框：1px#DDD实心；
}
表tr.项目{
背景：#EEE；
}
.小组{
位置：绝对；顶部：10px；左侧：120px；
}
pre.panel{left:240px；top:0；font size:11px；}

{{j}
{{item.number}
{{item.name}
{{j}
{{items}json}

[{"number":1,
"name":"name 1"
},
{"number":3,
"name":"name 3"
},
{"number":6,
"name":"name 6"
}]