title: Angular ng-options inside of ng-repeat
body: <p>I am unable add option elements to a select element using the ng-options directive. But am able to do this using the ng-repeat directive. Why?</p>
  
  <p>HTML,</p>
  
  <pre><code>&lt;div ng-app ng-controller="DescAttrCtrl"&gt;
     &lt;div ng-repeat="dattr in dattrs"&gt;
          &lt;div ng-repeat="v in dattr.values"&gt;
              {{v | json}}
          &lt;/div&gt;
          &lt;select name="dattr-{{$index}}" ng-options="v for v in dattr.values"&gt;
                  &lt;option value=""&gt; --- select a value --- &lt;/option&gt;
           &lt;!--   &lt;option ng-repeat="v in dattr.values"&gt;{{v}}&lt;/option&gt; --&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript,</p>
  
  <pre><code>function DescAttrCtrl($scope) {
       $scope.dattrs = [
       {
            "name" : "first attribute",
            "description" : "attribute first description",
            "values" : ["value1", "value2", "value3", "value4"]
       },
       {
            "name" : "second attribute",
            "description" : "attribute second description",
            "values" : ["value1", "value2", "value3", "value4"]
       }
      ];
  }
  </code></pre>
  
  <p>fiddle, <a href="http://jsfiddle.net/FwVbC/" rel="nofollow">http://jsfiddle.net/FwVbC/</a></p>