- masyarakat
- Belajar
- Perpustakaan Alatan
- Masa lapang
Rumah > Soal Jawab > teks badan
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
过去多啦不再A梦2017-05-15 16:52:17
<!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}}
<br>
<br> user.roles {{ user.roles}}<br>
<br> role.id {{ids}}<br>
<button class="right radius reveal-button" ng-click="del()">删除</button>
</p>
</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)
};
});