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