title: AngularJS - Using indexOf inside ng-repeat to show/hide values
body: <p>I have a <code>JSON</code> file that contains a bunch of data:</p>
  
  <p>myData.JSON:</p>
  
  <pre><code>{
  "Addresses": {
      "AddressList": [
          {
              "HouseNumber": 201,
              "Street": "Victoria Lane",
              "Postcode": "SW1 8ES"
          },
          {
              "HouseNumber": 10,
              "Street": "Allen Close",
              "Postcode": "NG2 3TD"
          },
          {
              "HouseNumber": 57,
              "Street": "Thomas Street",
              "Postcode": "DR12 6TE"
          },
          {
              "HouseNumber": 57,
              "Street": "Old Lister Street",
              "Postcode": "OL4 5TH"
          },
          {
              "HouseNumber": 45,
              "Street": "Milk Round Street",
              "Postcode": "MK6 4HG"
          },
          {
              "HouseNumber": 102,
              "Street": "Jersey Quarter Avenue",
              "Postcode": "DR12 6TE"
          },
          {
              "HouseNumber": 845,
              "Street": "MR HAPPY STREET",
              "Postcode": "MR3 0FJ"
          }
      ]
  }
  </code></pre>
  
  <p>Im trying to show a <code>div</code> if a match on the returned value from Street is found via a indexOf</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-repeat="address in Addresses.AddressList"&gt;
      {{ address.HouseNumber }}, {{ address.Street}}, {{ address.Postcode }}
      &lt;div ng-show="address.Street.toLowerCase().indexOf('MR HAPPY STREET') == 0"&gt;
          MR HAPPY STREET WAS FOUND
      &lt;/div&gt;
      &lt;div ng-show="address.Street.toLowerCase().indexOf('Milk Round Street') == 0"&gt;
          Milk Round Street WAS FOUND
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This doesnt seem to work. Can you perform such <code>indexOf</code> via an <code>ng-show</code>?</p>