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 = [];
    
    }
});