title: populate multiple dropdown select boxes from JSON data in angular
body: <p>Firstly, after numerous searches this <a href="https://stackoverflow.com/questions/23978639/auto-populate-select-boxes-from-json">question</a> does not answer my issue. </p>
  
  <p>I am using <a href="http://dotansimha.github.io/angularjs-dropdown-multiselect/#/" rel="nofollow noreferrer">AngularJS Dropdown Multiselect</a> and wish to populate a number of dropdowns that are extracted from my JSON data. An example of this data is below:</p>
  
  <pre><code>{
      "results": [
  
          {
              "title": "Difficulty",
              "icon": "difficulty-icon",
              "filters": [{
                  "name": "Easy",
                  "checked": false
              }, {
                  "name": "Medium",
                  "checked": false
              }, {
                  "name": "Hard",
                  "checked": false
              }, {
                  "name": "Expert",
                  "checked": false
              }]
          },
  
          {
              "title": "Direction of Movement",
              "icon": "direction-icon",
              "filters": [{
                  "name": "Flexion",
                  "checked": false
              }, {
                  "name": "Ulnar Deviation",
                  "checked": false
              }, {
                  "name": "Radial Deviation",
                  "checked": false
              }]
          },
  
          {
              "title": "Exercise Aim",
              "icon": "aim-icon",
              "filters": [{
                  "name": "Power",
                  "checked": false
              }, {
                  "name": "Strength",
                  "checked": false
              }]
          }, {
              "title": "Muscle Group ",
              "icon": "muscle-icon",
              "filters": [{
                  "name": "Foot &amp; Shin",
                  "checked": false
              }]
          },
  
          {
              "title": "Joint",
              "icon": "joint-icon",
              "filters": [{
                  "name": "Foot and Ankle",
                  "checked": false
              }, {
                  "name": "Knee",
                  "checked": false
              }]
          }
  
      ]
  }
  </code></pre>
  
  <p>When any of these items are selected I need to push the value to an array (the array is not specific to the dropdown it has come from therefore can share the same model). </p>
  
  <p>I would like to run an <code>ng-repeat</code> that will create 5 dropdowns that are populated from the data above with the custom button text displaying the <code>Title</code> from my JSON data. </p>
  
  <p>Is this possible? If not how can I run a function in my controller in order to seporate this data in order to expose each section of JSON data to the <code>$scope</code></p>
  
  <p>UPDATE</p>
  
  <p>So far I have managed to get this: however unsure how I can get the <code>Title</code> property</p>
  
  <pre><code>&lt;div ng-repeat="select in Filters"&gt;
      &lt;div ng-dropdown-multiselect="" options="Filters[$index].filters" selected-model="example1model" extra-settings="filterSettings"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>