使用 angularjs 创建水平单选按钮

Using angularjs to create horizontal radio buttons

本文关键字：单选按钮 水平 创建 angularjs 使用      更新时间：2023-09-26

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

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

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

Angular 并没有以这种方式真正影响风格。以自己的风格为您的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>

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

相关文章：