title: How to present array object in select drop?
body: <p>I have a array object and that to show in select tag using angular js only below object is my array object</p>
  
  <pre><code>"matcherObject": {
  "Percentage Off": [
    {
      "dealType": "Percentage Off",
      "subCategory": "16% to 20%",
      "recid": 2
    },
    {
      "dealType": "Percentage Off",
      "subCategory": "10 to 15 %",
      "recid": 1
    },
    {
      "dealType": "Percentage Off",
      "subCategory": "21% to 25%",
      "recid": 3
    }
  ],
  "Special Deals based on the event": [
    {
      "dealType": "Special Deals based on the event",
      "subCategory": "Buy 1 get one entr",
      "recid": 52
    },
    {
      "dealType": "Special Deals based on the event",
      "subCategory": "Buy 1 get one entr",
      "recid": 54
    }
  ]
  };
  </code></pre>
  
  <p>This object I have to how in select tag please help me to solve this problem.
  Below the image how to show in UI:</p>
  
  <p><img src="https://i.stack.imgur.com/E5B2I.png" alt="enter image description here"></p>
  
  <p>If I select tag the ng-model should show as below format as below</p>
  
  <pre><code>{"dealType": "Percentage Off","subCategory": "16% to 20%","recid": 2}
  </code></pre>