javascript - 在 Controller 中获取每个指定类型的名称

Question

我有一个从数据库获取数据的 API。我得到的示例数据如下所示:

 [
    {
        "Name": "Bar1",
        "Type": "Bar",
    },
    {
        "Name": "Pie1",
        "Type": "Pie",
    },
    {
        "Name": "Pie2",
        "Type": "Pie",
    },
    {
        "Name": "Line1",
        "Type": "Line",
    },
    {
        "Name": "Pie3",
        "Type": "Pie",
    },

]

我想获取所有属于 type=Pie 的名称并将其分配到 $scope 数组上，然后将其放在 ng-repeat 上。我怎么可能那样做？

Answer 1

View端通过ng-repeat和filter即可轻松满足需求，controller端无需额外操作。

按照以下步骤:

在 Controller 中定义如下:

$scope.items = [{
        "Name": "Bar1",
        "Type": "Bar",
    },
    {
        "Name": "Pie1",
        "Type": "Pie",
    },
    {
        "Name": "Pie2",
        "Type": "Pie",
    },
    {
        "Name": "Line1",
        "Type": "Line",
    },
    {
        "Name": "Pie3",
        "Type": "Pie",
    },

];

请在 Html 中使用以下内容:

<div ng-controller = "YOUR_CONTROLLER">
    <div ng-repeat="item in items | filter: { type: 'pie'}">
<div>