Javascript 使用angularjs创建水平单选按钮

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

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

标签

---

有人知道创建水平单选按钮的诀窍吗？

角度并不会以这种方式真正影响样式。按照自己的风格给出div

float:left

或

display:inline block

。

应该注意的是，1.1.6版以上的AngularJS可以更清晰地实现这一点：

假定

$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>

{{item.txt}

此处演示：