一.实现要求
1. 搭建页面
2. 显示所有用户信息
3. 根据用户名实现用户查询显示
4. 根据年龄范围下拉菜单实现用户显示
5. 根据用户年龄实现用户显示
6. 实现批量删除功能:选中左侧多选框,点击批量删除,删除选中项,没选中提示用户,点击最上方的多选框,实现全选。
7. 点击添加用户,下方页面显示添加用户界面,填写用户信息,满足条件如下进行添加
a) 用户名非空
b) 两次密码一致
c) 年龄在10到60之间
8. 点击修改密码按钮,下方页面显示修改密码页面(如下),默认把要修改的用户名显示在用户名输入框,并且不能更改用户名,实现密码修改,要求如下
a) 旧密码要跟之前的密码一致
b) 两次输入的密码一致。
二.实现的代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="angular.js"></script> <script type="text/javascript" src="angular-route.js"></script> <script> var app=angular.module("myApp",["ngRoute"]); var user=[ { "id":1, "name":"小明", "pwd":111, "age":20, "sex":"女", "state":false }, {