AngulaJs删除

来源：互联网发布：围棋算法编辑：程序博客网时间：2024/06/06 14:09
    <!DOCTYPE html>     <html ng-app="lesson" ng-controller="lesson2" >    <head>        <meta charset ="UTF-8">         <title>Document</title>    </head>    <body>        <table>            <tr>                <td>名字</td>                <td>名字1</td>                <td>操作</td>            </tr>            <tr ng-repeat="x in namee">                <td>{{x.Name}}</td>                <td>{{x.Age}}</td>                <td><button ng-click="dele(x.Name)">删除</button></td>            </tr>        </table>        <script type="text/javascript" src="angular-1.5.5/angular.min.js"></script>        <script type="text/javascript">        var app=angular.module("lesson",[]);        app.controller("lesson2",function($scope){            $scope.namee = [                {'Name':'ni','Age':'2'},                {'Name':'haha','Age':'1'}            ];            $scope.dele=function(name){                $scope.namee.forEach(function(u,i,list){                    if(u.Name==name){                        list.splice(i,1);                    }                })            }        });             </script>    </body>    </html>
0 0