使用angular从元素数组创建单选按钮列表

时间:2015-09-21 18:18:11

标签: javascript angularjs html5 angular-ui

我想使用角度js从元素数组中创建一个单选按钮列表 NG-重复。

任何例子都会有所帮助,谢谢

1 个答案:

答案 0 :(得分:3)

这是一个简单的例子

<!doctype html>
<html ng-app="myApp">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
    <script src="script.js"></script>

  </head>
  <body ng-controller="myCtrl">
    <label ng-repeat="element in elements">
      <input type="radio" ng-value="element"/ >
      {{element}}
    </label>

  </body>
</html>

angular.module('myApp', [])
    .controller('myCtrl', ['$scope', function($scope) {
        $scope.elements = [1,2,3,4,5];
    }]);

Plunkr

http://plnkr.co/edit/hNI5kjMHW6G9kSUeJtOp?p=preview

使用指令ng-appng-controller将控制器与视图相关联。在你的控制器中,包含$scope作为依赖项,然后在其上设置一个包含元素数组的变量。

在label元素上使用ng-repeat,并使用Angular表达式插入元素的值。

希望这有帮助。