Создать список переключателей из массива элементов, используя угловые

0

Я хотел создать список переключателей из массива элементов, используя угловой js ng-repeat.

Любой пример поможет, спасибо

Теги:
angular-ui

1 ответ

2
Лучший ответ

Вот простой пример

<!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-app и ng-controller для подключения контроллера к представлению. В вашем контроллере включите $scope в качестве зависимости, а затем установите для него переменную, содержащую массив элементов.

Используйте ng-repeat в элементе метки и вставьте значение элемента с помощью угловых выражений.

Надеюсь это поможет.

  • 0
    Большое спасибо :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню