javascript - 使用 angularjs 创建水平单选按钮

Question

我正在使用 ngRepeat 指令构建一组单选按钮，我需要使其水平。我不确定是否可以使用 ngRepeat 做到这一点，因为每个实例都有自己的范围。下面的结构为选项数组中的每个项目创建一个新的 div，并且它们垂直显示。

<div ng-repeat="option in options">
    <input type="radio" role="radio" />
    <span>label</span>
</div>

有谁知道创建水平单选按钮的任何技巧？

Answer 1

Angular 并不会以这种方式真正影响风格。给你的 divfloat:left或display:inline-block它的风格。

Answer 2

应该注意的是，AngularJS 从 1.1.6 版本开始可以更干净地做到这一点：

认为

$scope.data = [{val:0,txt:'Foo'},{val:1,txt:'Bar'},{val:2,txt:'Baz'}];

然后你可以像这样使用重复开始和重复结束：

<input ng-repeat-start="item in data" type="radio" value="{{item.val}}">
<span ng-repeat-end>{{item.txt}}</span>

在这里演示：http: //jsfiddle.net/rWLfZ/