小编Sim*_*rks的帖子

AngularJS - 使用ng-repeat创建无线电输入集

我正在为未来的项目评估angularjs.我需要做的一件事是通过选择适当的"页面"无线电输入来显示不同的"频道"信息页面.此外,页面按钮的范围也可以从一组"页面设置"无线电输入中选择.

下面的工作示例具有一组32个通道,通过"设置"和"页面"无线电输入的组合选择可见的通道组,每个通道总共提供2*4页的4个通道.

<!doctype html>
<html ng-app>
  <head>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript">
      function Channels($scope) {
        $scope.groupSize = 4;
        $scope.pageSet = 0;
        $scope.pageNumber = 0;
        $scope.channels = [
          {"id": "Ch-001"}, {"id": "Ch-002"}, {"id": "Ch-003"}, {"id": "Ch-004"},
          {"id": "Ch-005"}, {"id": "Ch-006"}, {"id": "Ch-007"}, {"id": "Ch-008"},
          {"id": "Ch-009"}, {"id": "Ch-010"}, {"id": "Ch-011"}, {"id": "Ch-012"},
          {"id": "Ch-013"}, {"id": "Ch-014"}, {"id": "Ch-015"}, {"id": "Ch-016"},
          {"id": "Ch-017"}, {"id": "Ch-018"}, {"id": "Ch-019"}, {"id": "Ch-020"},
          {"id": "Ch-021"}, {"id": "Ch-022"}, {"id": "Ch-023"}, {"id": "Ch-024"},
          {"id": "Ch-025"}, {"id": "Ch-026"}, {"id": …
Run Code Online (Sandbox Code Playgroud)

angularjs

62
推荐指数
2
解决办法
9万
查看次数

标签 统计

angularjs ×1