angulaire.js - Comment écrire un tableau avec sélection de tout, sélection inverse, ajout ou suppression d'une seule ligne et d'une seule colonne en angulaire?
迷茫2017-05-15 16:50:17
0
1
620
Comment écrire un tableau avec tout sélectionner, sélection inverse, ajouter ou supprimer une seule ligne et une seule colonne en angulaire ? Et il peut y avoir un tableau contenant les données de l'élément sélectionné sans utiliser jq
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="fr" >
<tête>
<titre>Document</titre>
<script src="angular.js"></script>
<script src="checklist.js"></script>
<script src="app.js"></script>
</tête>
<corps>
<input type="checkbox" ng-checked="user.roles.length == rôles.length" ng-click="checkAll()" >全选/反选
<input type="checkbox" checklist-model="user.roles" checklist-value="role" > {{role.text}}
</corps>
</html>
var app = angulaire.module("app", ["checklist-model"]);
app.controller('Ctrl', function($scope) {
$scope.roles = [
{id : 1, texte : 'invité'},
{id : 2, texte : 'utilisateur'},
{id : 3, texte : 'client'},
{identifiant : 4, texte : 'admin'}
];
$scope.ids = [];
//选择的结果集合
$scope.user = {
rôles : []
};
$scope.checkAll = function() {
console.log($scope.user.roles.length == $scope.roles.length)
si($scope.user.roles.length == $scope.roles.length){
$scope.user.roles = [];
$scope.ids = [];
}autre{
$scope.user.roles = angulaire.copy($scope.roles);
$scope.ids = [];
>
};
$scope.del =fonction(){
pour(x dans $scope.user.roles){
$scope.ids.push($scope.user.roles[x].id);
>
console.log($scope.ids)
};
});