検索

ホームページ  >  に質問  >  本文

angular.js - angular怎么写出带全选反选增删单行单列的表格?

angular怎么写出带全选反选增删单行单列的表格?并且能够有一个数组是选中的项的数据,不用jq

迷茫迷茫2744日前587

全員に返信(1)返信します

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 16:52:17

    <!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}}




    リーリー

    </body>

    </html>

    var app = angular.module("app", ["チェックリストモデル"]);

    app.controller('Ctrl', function($scope) {

    $scope.roles = [
    {id: 1、テキスト: 'ゲスト'}、
    {id: 2、テキスト: 'ユーザー'}、
    {id: 3、テキスト: '顧客'}、
    {id: 4、テキスト: '管理者'}
    ];
    $scope.ids = [];
    //选择の結果セット
    $scope.user = {
    役割: []
    };

    $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 = [];
    }その他{
    $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);
    }

    console.log($scope.ids)

    };

    });

    返事
    0
  • キャンセル返事