Как я могу добавить флажок модели Slection в Angular-таблицы

Question

Как я могу добавить флажок модели Slection в Angular-таблицы

0

Упорядоченный код создания таблицы с типом ввода.

angular.module("tableApp",[]).controller('tableAppCtrl', ['$scope',
  function($scope) {
    $scope.titleString="Table Demo";
    $scope.prodDataTable = [{
      "productType": "A",
      "productName": "Aaaaaa"
    }, {
      "productType": "B",
      "productName": "Bbbbbb"
    }, {
      "productType": "C",
      "productName": "Cccccc"
    }];
  }
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div  ng-app="tableApp" ng-controller="tableAppCtrl">
  <h3>{{titleString}}</h3>
<table>
  <tr>
    <th><input type="button" value="checkALL"></th>
    <th>Product Type</th>
 <th>Product Name</th>

  </tr>

  <tr ng-repeat="d in prodDataTable">
    <td><input type="checkbox"></td>
    <td>{{d.productType}}</td> 
    <td>{{d.productName}}</td>
  </tr>


</table>
  </div>

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

Пожалуйста, предложите способы или ссылки, чтобы использовать его со столом.

Pawan Pandey 05 дек. 2015, в 08:10

Источник

0

положите немного в пользу того, что вы уже делаете
AlainIb 05 дек. 2015, в 06:38
0

пожалуйста, посмотрите код, который я добавил к своему сообщению
Pawan Pandey 05 дек. 2015, в 07:41

Теги:

angularjs

datatable

selectionmodel

2 ответа

0

попробуйте приведенный ниже код -

angular.module("tableApp",[]).controller('tableAppCtrl', ['$scope',
 function($scope) {
  $scope.titleString="Table Demo";
  $scope.selectAllval= false;
  $scope.selectAll= function(val){
	if(val==false){
		$scope.selectAllval= true;
	} else{
		$scope.selectAllval= false;
	}
  };
  $scope.prodDataTable = [{
  "productType": "A",
  "productName": "Aaaaaa"
  }, {
  "productType": "B",
  "productName": "Bbbbbb"
  }, {
  "productType": "C",
  "productName": "Cccccc"
  }];
 }
]);

  

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <div  ng-app="tableApp" ng-controller="tableAppCtrl">
  <h3>{{titleString}}</h3>
	<table>
	  <tr>
	    <th><input type="button" value="{{(selectAllval==true) ? 'UncheckALL' : 'checkALL'}}" ng-click="selectAll(selectAllval)"></th>
	    <th>Product Type</th>
	 <th>Product Name</th>

	  </tr>

	  <tr ng-repeat="d in prodDataTable">
	    <td><input type="checkbox" ng-checked="selectAllval" ></td>
	    <td>{{d.productType}}</td> 
	    <td>{{d.productName}}</td>
	  </tr>


	</table>
  </div>

Praveen Poonia 05 дек. 2015, в 06:48

0

Спасибо!!! пожалуйста, помогите мне получить productType проверенного ряда
Pawan Pandey 05 дек. 2015, в 09:01
0

да, конечно, Паван, но если вышеуказанное решение помогло вам, то просьба ответить и пометить "Принять ответ". Я буду помогать тебе и дальше ..
Praveen Poonia 05 дек. 2015, в 09:04
0

да, решение сработало для меня.
Pawan Pandey 05 дек. 2015, в 09:08
0

используйте приведенный ниже код, но вам нужно работать над созданием повторяющихся значений.
Praveen Poonia 05 дек. 2015, в 09:42
0

Какой смысл двух ответов на один и тот же вопрос?
T.J. Crowder 06 дек. 2015, в 13:50

Показать ещё 3 комментария

Ещё вопросы

положите немного в пользу того, что вы уже делаете
пожалуйста, посмотрите код, который я добавил к своему сообщению
Спасибо!!! пожалуйста, помогите мне получить productType проверенного ряда
да, конечно, Паван, но если вышеуказанное решение помогло вам, то просьба ответить и пометить "Принять ответ". Я буду помогать тебе и дальше ..
используйте приведенный ниже код, но вам нужно работать над созданием повторяющихся значений.
Какой смысл двух ответов на один и тот же вопрос?

Praveen Poonia · Accepted Answer · 2015-12-05T07-05-00.000Z

используйте это, но вам нужно работать с дублирующимся значением creation-

<div  ng-app="tableApp" ng-controller="tableAppCtrl">
<h3>{{titleString}}</h3>
<table>
  <tr>
    <th><input type="button" value="{{(selectAllval==true) ? 'UncheckALL' : 'checkALL'}}" ng-click="selectAll(selectAllval)"></th>
    <th>Product Type</th>
 <th>Product Name</th>

  </tr>

  <tr ng-repeat="d in prodDataTable">
    <td><input type="checkbox" ng-checked="selectAllval" ng-click="setProductType(d.productType)"></td>
    <td>{{d.productType}}</td> 
    <td>{{d.productName}}</td>
  </tr>


</table>

{{setProductTypes}}

angular.module("tableApp",[]).controller('tableAppCtrl', ['$scope', function($scope) { 
    $scope.titleString="Table Demo"; 
    $scope.selectAllval= false; 
    $scope.setProductTypes= []; 
    $scope.selectAll= function(val){ 
        if(val==false){ 
            $scope.selectAllval= true; 
        } else{ 
            $scope.selectAllval= false; 
        } 
    }; 
    $scope.setProductType= function(type){ 
        $scope.setProductTypes.push(type); 
    }; 
    $scope.prodDataTable = [{ "productType": "A", "productName": "Aaaaaa" }, { "productType": "B", "productName": "Bbbbbb" }, { "productType": "C", "productName": "Cccccc" }]; } ]);

большое спасибо, я настрою это для моей цели
Паван, пожалуйста, отметьте правильно, если это соответствует вашей потребности или голосованию.
Дампы кода почти никогда не являются хорошими ответами. Полезный ответ объясняет .