ITPub博客

首页 > > > 用AngularJs对一个列表做增删查改遇到问题(本人结贴率高)

用AngularJs对一个列表做增删查改遇到问题(本人结贴率高)

作者:limiao 时间:2019-09-02 16:11:00 0 删除 编辑
<body>
    <div class="container" ng-app="myApp" ng-controller="listCtrl">
        <table class="table table-striped table-bordered">
            <tr>
                <td colspan="7">
                    <a href="/User/Add/{{x.uId}}" class="btn btn-primary">新增</a>
                </td>
            </tr>            
            <tr ng-repeat="x in datas">
                <td>{{x.uId}}</td>
                <td>{{x.uLoginName}}</td>
                <td>{{x.uName}}</td>
                <td>{{x.uGender|gender}}</td>
                <td>{{x.uArddress}}</td>
                <td>{{x.uCreateDate}}</td>
                <td>
                    <a href="/User/Edit/{{x.uId}}" class="btn btn-info">编辑</a>
                    <input type="button" class="btn btn-warning" value="删除" ng-click="Delete({{x.uId}})" />
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
<script src="~/Assets/labs/AngularJs/angular.min.js"></script>
<script>
    var app = angular.module('myApp', []);
    app.controller('listCtrl', function ($scope, $http) {
        $http.post('/User/GetList').success(function (response) {
            $scope.datas = response;
        });

        $scope.Delete = function (id) {
            $http.post('/User/Delete/' + id).success(function (response) {
                window.location = "/User/Index";
            });
        };
    });  
</script>

用Angular.Js和ASP.net MVC对一个列表做增删查改的时候,增查改都没有问题,删除出了问题,按删除按钮一直不能发出请求,不知道是不是缺少$scope,但是数据是repeat出来的也不太好用ng-model,请各位大神指点。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4549/viewspace-3160306/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 为什么啊???
请登录后发表评论 登录
全部评论

注册时间:2019-07-10

  • 博文量
    190
  • 访问量
    1372