title: "Grouped" ng-repeat with flat JSON in Angular JS?
body: <p>In the past, I have done a "grouped" ng-repeat with nested JSON data.  This time, I am stuck with a feed, such as:</p>
  
  <pre><code>...{
  "name": "Film",
  "id": "film",
  "unicode": "f008",
  "created": 1,
  "categories": [
    "Web Application Icons"
  ]
  }, {
  "name": "th-large",
  "id": "th-large",
  "unicode": "f009",
  "created": 1,
  "categories": [
    "Text Editor Icons"
  ]
  }, {
  "name": "th",
  "id": "th",
  "unicode": "f00a",
  "created": 1,
  "categories": [
    "Text Editor Icons", "Medical Icons"
  ]
  },...
  </code></pre>
  
  <p>I am trying to create a page with the icons grouped by category, such as </p>
  
  <pre><code>Web Application Icons
      -- ng-repeat of matching icons
  Text Editor Icons
      -- ng-repeat of matching icons
  Medical Icons
      -- ng-repeat of matching icons
  </code></pre>
  
  <p>I tried this to start, which worked once before with data at more than one level:</p>
  
  <pre><code>&lt;div class="row" ng-repeat="i in icons"&gt;
  &lt;h3 class="sh"&gt;{{i.categories[0]}}&lt;/h3&gt;
     &lt;div class="col-md-4 col-sm-6 col-lg-3" ng-repeat="j in i.children | filter:faIconSearch"&gt;
          &lt;p&gt;&lt;i class="fa fa-fw fa-{{j.id}}"&gt;&lt;/i&gt; fa-{{j.id}}&lt;/p&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>But this does not work here. What did I miss?  (again, I need to work with the data <em>as is</em>).</p>