title: How to set Where Clause for a inner ng-repeat in angularJS
body: <p>I'm having a two JSON array,</p>
  
  <pre><code>$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
      }
  ];
  </code></pre>
  
  <p>Now I need to print all the <code>$scope.color</code> with associated <code>$scope.data</code> with a common key value in <code>cInstId</code></p>
  
  <pre><code>&lt;div ng-repeat="col in color"&gt;
      &lt;p&gt;{{ col.cInstTitle }}&lt;/p&gt;
      &lt;ol&gt;
          &lt;li ng-repeat="dataItem in data| **WHERE CLAUSE dataItem.cInstId = col.cInstId** "&gt;
              &lt;div&gt;{{ dataItem.cTitle }}&lt;/div&gt;
          &lt;/li&gt;
      &lt;/ol&gt;
  &lt;/div&gt;
  </code></pre>