AngularJS implements the all-selected invert function _ AngularJS

This article mainly introduces AngularJS's full-selection and reverse-selection function. Here we use AngularJS's four major features-two-way data binding, if you are interested in angularjs's knowledge of implementing full-selection invert selection, learn about it. AngularJS is designed to overcome the shortcomings of HTML in building applications. HTML is a well-designed declarative language for static text display, but it seems weak to build WEB applications. So I did some work (you can also think it is a little trick) to let the browser do what I want.

Here we use four main features of AngularJS-two-way Data Binding

Note: No DOM code is written! In this example, for the layout purpose of bootstrap.css, JS Code is simply to create ng module and ng Controller

Effect:

 
 
 Select All/cancel all

  Select All or cancel all
 
 

  
  
 
   
 
    
Select
 
    
Name
 
    
Operation
 
   
 
  
  
  
 
   
 
    
 
    
Tom
 
    
Delete
 
   
 
   
 
    
 
    
Mary
 
    
Delete
 
   
 
   
 
    
 
    
King
 
    
Delete
 
   
 
  
 
 
Select all cancel all