angularjs：动态创建btn grp

后端定义的数据类型，我应该在angularjs中动态呈现。后端可能会定义“性别是枚举，值为男性和女性”

我可以很容易地使用选择：

<select ng-model="wert" ng-options="value for ( key,value) in  options"></select>

但我更喜欢像这样的按钮组

<div class="btn-group">
  <label class="btn btn-primary" ng-model="wert" uib-btn-radio="'male'">male</label>
  <label class="btn btn-primary" ng-model="wert" uib-btn-radio="'female'">female</label>
</div>

男性的
女性的

现在我试着让这些按钮动态

<div class="btn-group" ng-repeat='option in options'>
  <label class="btn btn-primary" ng-model="wert" uib-btn-radio="'{{option}}'">{{option}}</label>
</div>

{{option}}

我失败了。直截了当地看着我。但是为什么动态按钮组不起作用呢？似乎与我的范围无关

我可能没有掌握一些基本的角度概念？ 代码将放在指令中，但这可能与问题无关

---

任何帮助都将不胜感激。

您不应该对值使用

{{}

插值

<div class="btn-group" ng-repeat='option in options'>
  <label class="btn btn-primary" ng-model="model.wert" uib-btn-radio="option">{{option}}</label>
</div>

{{option}}

我想指出的另一件事是，您需要定义模型以遵循

点规则

，从而确保绑定以正确的方式工作。您应该选择

点规则的原因是，您已经在
ng repeat
内部定义了
ng model
，因此在外部上下文中不可用（
ng repeat
创建了新的子作用域，该子作用域通常是从当前运行的控制器继承的）

这非常有帮助，谢谢。我现在让它工作了。然而，我要在这里得到一个指令，并且自己创建了一个。您对绑定的评论是否仍然适用，或者您认为我的代码是一个有效的解决方案吗？现在我看不出添加控制器的理由。我不明白，你的问题是什么？
<div class="btn-group" ng-repeat='option in options'>
  <label class="btn btn-primary" ng-model="model.wert" uib-btn-radio="option">{{option}}</label>
</div>