angular js 案例练习

最新推荐文章于 2019-08-09 16:50:00 发布

qq_41166157

最新推荐文章于 2019-08-09 16:50:00 发布

阅读量290

点赞数

本文链接：https://blog.csdn.net/qq_41166157/article/details/79344309

版权

-------------------------------------------------------------script代码----------------------------------------------------

</script>

----------------------------------------------------------------html代码----------------------------------------------------

<body ng-app="myApp" ng-controller="cntDemo" >

       <form>
           用户名：<input ng-model="name" /><br />
           密   码：<input ng-model="pass" /><br />
           年   龄：<input ng-model="age" /><br />
           性   别：<input type="radio" value="男" ng-model="sex" />男
               <input type="radio" value="女" ng-model="sex" />女<br />
               <input type="button" value="添加" ng-click="save()" />
       </form>
       <button ng-click="delAll()" >批量删除</button>
       <table border="1px" width="600px" >
           <tr align="center">
               <td><input type="checkbox" ng-model="flagck" ng-click="ckall1()"/></td>
               <td>索引</td>
               <td>用户名</td>
               <td>密码</td>
               <td>年龄</td>
               <td>性别</td>
               <td>操作</td>
           </tr>
           <tr ng-repeat="s in stus" align="center">
               <td><input type="checkbox" ng-model="s.ck" />{{s.ck}}</td>
               <td>{{$index}}</td>
               <td>{{s.name}}</td>
               <td>{{s.pass}}</td>
               <td>{{s.age}}</td>
               <td>{{s.sex}}</td>
               <td><button ng-click="del($index)">删除</button></td>
           </tr>
       </table>