checkboxes

http://angularjs.org/

by soumya gangamwar

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}!

  <select class="form-control" ng-model="tablename" ng-options="t.sname as t.sname for t in values" ng-change="getTableData(tablename)">
    <option value="">-- choose tableName--</option>
  </select>

  <div ng-if="columnData.length">
    <table>
      <thead>
        <tr>
          <th>
            column
          </th>
          <th>
            serach
          </th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="col in columnData">
          <td>{{col.name}}</td>
          <td>
            <input type="checkbox" data-toggle="modal" data-target="#myModal">
          </td>
          <td></td>
        </tr>
      </tbody>
    </table>
  </div>



  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Display Name</h4>
        </div>
        <div class="modal-body">
          <form name="diplayNameForm">

            <input type="text" ng-model="displayName">

            <button type="button" class="btn btn-info" data-dismiss="modal" ng-click="getDisplayName()">Submit</button>
          </form>

        </div>
        <div class="modal-footer">

        </div>
      </div>
    </div>


  </div>

JavaScript

var myApp = angular.module('myApp', []);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.controller('MyCtrl', function($scope) {
  $scope.name = 'Superhero';
  $scope.values = [{
    sname: "ss",
    key1: [{
      name: 'item1'
    }, {
      name: 'item2'
    }, {
      name: 'item3'
    }],
  }, {
    sname: "hh",
    key1: [{
      name: 'item4'
    }, {
      name: 'item5'
    }, {
      name: 'item6'
    }],
  }, {
    sname: "jj",
    key1: [{
      name: 'item7'
    }, {
      name: 'item8'
    }, {
      name: 'item9'
    }],
  }, {
    sname: "sff",
    key1: [{
      name: 'item10'
    }, {
      name: 'item11'
    }, {
      name: 'item12'
    }],
  }]

  $scope.tableData = [];
  $scope.columns = [];

  $scope.getTableData = function(sname) {
    alert('sbjskdh')

    for (var i = 0; i < $scope.values.length; i++) {

      if ($scope.values[i].sname === sname) {
        alert('sndns')
        $scope.tableData.push($scope.values[i].key1)

        for (var j = 0; j < $scope.values[i].key1.length; j++) {
          $scope.columns.push($scope.values[i].key1[j])
        }

        $scope.tableNames = $scope.tableData;
        $scope.columnData = $scope.columns;
      }
    }

    $scope.tableData = [];
    $scope.columns = [];

  }
});