在Visual Studio中的mvc项目下利用AngularJS实现单页面中的增删改操作

运行效果如下（利用了AngularJS的双向绑定进行修改）：

源码如下：

@{
    ViewBag.Title = "Index";
}
 

AngularJS增删改操作

    

        

            
序号
            
用户名
            
用户年龄
            
用户账号
            
用户密码
            
性别
            
操作
        
        

            
{{x.id}}
            
{{x.name}}
            
{{x.age}}
            
{{x.account}}
            
{{x.pass}}
            
{{x.sex}}
            

                修改
                删除
            
        
        
    
   
    

        用户名
              

        用户年龄
                

        用户账号
                

        用户密码
                

        性别@**@
            男
            女

        @*添加*@
        
        
    

    @*ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素*@
    

        用户名
        

        用户年龄
        

        用户账号
        

        用户密码
        

        性别 男
             女

        
        
    

   
    

在点击修改按钮后弹出的表单中，关于性别的修改还可以继续优化，此处如果想要进一步完善可参照添加用户功能中的性别校验进行完善。