16

我在 Angular 的 ui.bootstrap 中为无线电模型动态生成选项时遇到问题。我想我可以简单地对一个数组进行 ng-repeat，将它的内容用于 btn-radio 属性，如下所示：

//in the controller
$scope.radioModel =  undefined;
$scope.radioModelButtons = ["a", "b", "c"];

//in the html
<div class="btn-group" >
  <button ng-repeat="value in radioModelButtons"
    class="btn" type="button" ng-model="radioModel"
    btn-radio="'{{value}}'">
      {{value}}
  </button>
</div>

我正在使用 angular 1.1.4 和 ui.bootstrap 0.3.0。

这是我努力的一个 jsfiddle，如您所见，单选按钮独立运行，不影响 radioModel 变量。

谢谢！

4

1 回答 1

25

这就是你应该如何编写你的标记：

<button ng-repeat="value in radioModelButtons"
        class="btn" type="button" ng-model="radio.model"
        btn-radio="value">
          {{value}}
</button>

和工作的jsFiddle：http: //jsfiddle.net/yMLqz/2/

你的方法有两个问题：

  • btn-radio应该与 AngularJS 表达式一起使用，而不是插值
  • ng-repeat正在创建一个新范围，因此如果要绑定到父范围上定义的值，则需要考虑这一点
于 2013-05-08T15:18:00.683 回答