angular.js - Bagaimana untuk menulis jadual dengan pilih semua, pilihan songsang, tambah atau padam baris tunggal dan lajur tunggal dalam sudut?
迷茫2017-05-15 16:50:17
0
1
610
Bagaimana untuk menulis jadual dalam sudut dengan pilih semua, pilihan songsang, tambah, padam, baris tunggal dan lajur tunggal? Dan boleh ada tatasusunan yang mengandungi data item yang dipilih tanpa menggunakan jq
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="ms" >
<kepala>
<tajuk>Dokumen</title>
<script src="angular.js"></script>
<script src="checklist.js"></script>
<script src="app.js"></script>
</head>
<badan>
<input type="checkbox" ng-checked="user.roles.length == roles.length" ng-click="checkAll()" >全选/反选
<input type="checkbox" checklist-model="user.roles" checklist-value="role" > {{role.text}}
</badan>
</html>
var app = angular.module("app", ["checklist-model"]);
app.controller('Ctrl', function($scope) {
$scope.roles = [
{id: 1, teks: 'tetamu'},
{id: 2, teks: 'pengguna'},
{id: 3, teks: 'pelanggan'},
{id: 4, teks: 'admin'}
];
$scope.ids = [];
//选择的结果集合
$scope.user = {
peranan: []
};
$scope.checkAll = function() {
console.log($scope.user.roles.length == $scope.roles.length)
if($scope.user.roles.length == $scope.roles.length){
$scope.user.roles = [];
$scope.ids = [];
}lain{
$scope.user.roles = angular.copy($scope.roles);
$scope.ids = [];
}
};
$scope.del =function(){
untuk(x dalam $scope.user.roles){
$scope.ids.push($scope.user.roles[x].id);
}
console.log($scope.ids)
};
});