angularJs 表格添加删除修改查询方法

如下所示：

 
 
 
 
 



 
 
 
  男
  女
 全部删除
 

  

   
Id
   
用户名
   
密码
   
年龄
   
性别
   
操作
  
  

   
{{$index+1}}
   
{{item.name}}
   
{{item.password}}
   
{{item.age}}
   
{{item.sex}}
   
修改密码
  
 
 添加用户
 

 

  用户名：

  密 码：

  年 龄：

  性 别：
  男
  女

 
 

  用户名：

  旧密码：

  新密码：

  确认密码：

 
 
 提交

css

*{

 margin: 0;
 padding: 0;
}
.inner{
 margin: 20px auto;
 text-align: center;
}
table{
 margin: 10px auto;
 text-align: center;
}
tr{
 border-collapse: collapse;
}
tr th,td{
 border:1px solid #000000;
 width: 60px;
}
.conner{
 width: 600px;
 height: 300px;
 background: #ffe7e0;
 margin: 0 auto;
}
.add{
 margin: 10px auto;
 padding-top: 20px;
 width: 260px;
 height: 120px;
 border: 2px solid #e42112;
}
.update{
 width: 280px;
 height: 120px;
 border: 2px solid #e42112;
 text-align: center;
 margin: 10px auto;
 padding-top: 20px;
}

以上这篇angularJs 表格添加删除修改查询方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。