すべて選択、逆選択、追加、削除、単一行、単一列を使用して Angular でテーブルを作成するにはどうすればよいですか? jq
业精于勤，荒于嬉;行成于思，毁于随。
<!DOCTYPE html> <html lang="ja" >
<title>ドキュメント</title> <script src="angular.js"></script> <script src="checklist.js"></script> <script src="app.js"></script> </head>
<ボディ> <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}} リーリー
$scope.roles = [ {id: 1、テキスト: 'ゲスト'}、 {id: 2、テキスト: 'ユーザー'}、 {id: 3、テキスト: '顧客'}、 {id: 4、テキスト: '管理者'} ]; $scope.ids = []; //选择の結果セット $scope.user = { 役割: [] };
console.log($scope.user.roles.length == $scope.roles.length) if($scope.user.roles.length == $scope.roles.length){ $scope.user.roles = []; $scope.ids = []; }その他{ $scope.user.roles = angular.copy($scope.roles); $scope.ids = []; }
$scope.del =function(){ for(x in $scope.user.roles){ $scope.ids.push($scope.user.roles[x].id); }
};
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="ja" >
<title>ドキュメント</title>
<script src="angular.js"></script>
<script src="checklist.js"></script>
<script src="app.js"></script>
</head>
<ボディ>
</body><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}}
リーリー
</html>
var app = angular.module("app", ["チェックリストモデル"]);
app.controller('Ctrl', function($scope) {$scope.roles = [
$scope.checkAll = function() {{id: 1、テキスト: 'ゲスト'}、
{id: 2、テキスト: 'ユーザー'}、
{id: 3、テキスト: '顧客'}、
{id: 4、テキスト: '管理者'}
];
$scope.ids = [];
//选择の結果セット
$scope.user = {
役割: []
};
console.log($scope.user.roles.length == $scope.roles.length)
};if($scope.user.roles.length == $scope.roles.length){
$scope.user.roles = [];
$scope.ids = [];
}その他{
$scope.user.roles = angular.copy($scope.roles);
$scope.ids = [];
}
$scope.del =function(){
console.log($scope.ids)for(x in $scope.user.roles){
$scope.ids.push($scope.user.roles[x].id);
}
};
});