title: How to make cascading Dropdown using Angularjs?
body: <p>Here i have Added list of mobile brand name with submodels.
  my expectation:
  1.here nokia and samsung htc listed multiple times.how can i avoid same name repeated in list<br>
  2.when i select nokia in first dropdown list,one new  dropdown should come under first dropdown  it should show nokia brand model list .if i select htc in first dropdown list,one new  dropdown should come under first dropdown  it should show htc brand model list.help me out for this</p>
  
  <pre><code>angular.module('myApp', [])
      .controller("myCntrl", function ($scope) {
  
      $scope.items= [{
  
  
          id: "986745",
          brandname: "Nokia",
          modelname: "Lumia 735"
  
      }, {
  
          id: "896785",
          brandname: "Nokia",
          modelname: "Asha 230"
      }, {
  
          id: "546785",
          brandname: "Nokia",
          modelname: "Lumia 510"
      },
      {
  
          id: "144745",
          brandname: "Samsung",
          modelname: "50% offer for break fast"
      },
  
      {
  
          id: "986980",
          brandname: "Samsung",
          modelname: "Galaxy A5"
      },
      {
  
          id: "586980",
          brandname: "Samsung",
          modelname: "Galaxy Note 4 Duos"
      },
      {
  
          id: "986980",
          brandname: "Samsung",
          modelname: "Galaxy A5"
      },
      {
  
          id: "586980",
          brandname: "Samsung",
          modelname: "Galaxy Note 4 Duos"
      },
  
      {
  
          id: "232980",
          brandname: "Htc",
          modelname: "One X9"
      },
      {
  
          id: "456798",
          brandname: "Htc",
          modelname: "Desire 820"
      }
  
      ]
  
  
  
  
  
  })
  //]]&gt;
  </code></pre>
  
  <p>html code</p>
  
  <pre><code>&lt;div ng-app="myApp"&gt;
      &lt;div ng-controller="myCntrl"&gt;
          &lt;label&gt;List Of Brand&lt;/label&gt;
  
          &lt;label for="singleSelect"&gt; select: &lt;/label&gt;
          &lt;select ng-model="selectedItem"&gt;
          &lt;option ng-repeat="item in items " value="{{item.id}}"&gt;{{item.brandname}}&lt;/option&gt;
          &lt;/select&gt;
  
  
  
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/HB7LU/21867/" rel="nofollow">demo</a></p>