如何在angularJS中设置内部ng-repeat的Where子句

Question

我有两个JSON数组,

$scope.color = [
    {
        "cInstId": 1,
        "cInstTitle": "Blue"
    },
    {
        "cInstId": 2,
        "cInstTitle": "Green"
    },
    {
        "cInstId": 3,
        "cInstTitle": "Red"
    },
    {
        "cInstId": 4,
        "cInstTitle": "Orange"
    },
    {
        "cInstId": 5,
        "cInstTitle": "Violet"
    }
];

$scope.data = [
    {
        "id": 1,
        "cTitle": "One",
        "cInstId": 1
    },
    {
        "id": 2,
        "cTitle": "Two",
        "cInstId": 2
    },
    {
        "id": 3,
        "cTitle": "Three",
        "cInstId": 3
    },
    {
        "id": 4,
        "cTitle": "Four",
        "cInstId": 4
    },
    {
        "id": 5,
        "cTitle": "Five",
        "cInstId": 4
    }
];

现在我需要打印与公共密钥值$scope.color相关联的所有内容$scope.datacInstId

<div ng-repeat="col in color">
    <p>{{ col.cInstTitle }}</p>
    <ol>
        <li ng-repeat="dataItem in data| **WHERE CLAUSE dataItem.cInstId = col.cInstId** ">
            <div>{{ dataItem.cTitle }}</div>
        </li>
    </ol>
</div>

Answer 1

你可以使用just ng-if子句.使用此行 -

<li ng-if="dataItem.cInstId=== col.cInstId" ng-repeat="dataItem in data">

Answer 2

您可以使用filter如下

<li ng-repeat="dataItem in data | filter : {cInstId: col.cInstId}">
    <div>{{ dataItem.cTitle }}</div>
</li>

以下过滤条件将根据键过滤数组中的dataItem对象.datacIntsId

filter : {cInstId: col.cInstId}

Plunker