title: angularjs: dynamically create btn-grp
body: <p>a backend defined datatypes, which I should render dynamically in angularjs. The backend might define "sex is enumeration, values male and female".</p>
  
  <pre><code>    {
    'name': 'sex',
    'type': 'enum',
    'options': ['female','male'],
    'wert': 'male'
  }
  </code></pre>
  
  <p>I can quite easily use a select:</p>
  
  <pre><code>&lt;select ng-model="wert" ng-options="value for ( key,value) in  options"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>But would prefer a button group like</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
    &lt;label class="btn btn-primary" ng-model="wert" uib-btn-radio="'male'"&gt;male&lt;/label&gt;
    &lt;label class="btn btn-primary" ng-model="wert" uib-btn-radio="'female'"&gt;female&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I try to have those buttons dynamic...</p>
  
  <pre><code>&lt;div class="btn-group" ng-repeat='option in options'&gt;
    &lt;label class="btn btn-primary" ng-model="wert" uib-btn-radio="'{{option}}'"&gt;{{option}}&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I fail. Looked quite straight forward to me. But why does the dynamic button group not work out? Seems not to be connected to my scope?</p>
  
  <p>I'm probably not grasping some fundamental angular concept here?
  The code is to be put in a directive, but that's probably not related to the issue.</p>
  
  <p>Any help would be greatly appreciated.</p>