recherche

Maison  >  Questions et réponses  >  le corps du texte

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?

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

迷茫迷茫2776 Il y a quelques jours616

répondre à tous(1)je répondrai

  • 过去多啦不再A梦

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

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



        <br>
        <br> user.roles {{ user.roles}}<br>
        <br> role.id {{ids}}<br>
        <button class="right radius reveal-button" ng-click="del()">删除</button>
    </p>
    

    </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)
    };

    });

    répondre
    0
  • Annulerrépondre