使用 angularJS 的 CRUD 操作答案

【问题标题】：CRUD operation using angularJS使用 angularJS 的 CRUD 操作
【发布时间】：2015-06-01 16:10:24
【问题描述】：

我正在使用 angularJS in Asp.net c# 创建一个简单 CRUD 操作的应用程序。
我想知道，我应该将 CRUD 操作的代码保存在哪里？在 .js 文件中？
我还需要任何一个 CRUD 操作的小演示。
请注意，我使用的是 SQL 数据库。

有人可以帮帮我吗？

【问题讨论】：

极难找到任何不包含示例 CRUD 代码的角度介绍教程

标签： javascript asp.net angularjs

【解决方案1】：

你可以通过以下方式开始学习 AngularJs：

享受吧！

【讨论】：

【解决方案2】：

<script type="text/javascript">
    var myapp = angular.module('myapp', []);
    myapp.controller('mycontroller', function ($scope) {
        $scope.employees = [];
        $scope.AddDetails = function (employee)
        {

                $scope.employees.push(employee);
                $scope.employee = '';

        }
        $scope.DeleteDetails = function (employee)
        {

            $scope.employees.splice($scope.employees.indexOf(employee), 1)
        }
        $scope.EditDetails=function(employee)
        {
            $scope.employee = employee;

        }

        $scope.UpdateData = function () {
            $scope.employee = '';
        }

            //ClearModel();

        function ClearModel() {
            $scope.employees.Name = '';
            $scope.employees.Email = '';
            $scope.employees.Location = 0;
        }



    });
</script>

这是我的 HTML 视图。

<div ng-app="myapp" ng-controller="mycontroller">
    <div>
        Name
    </div>
    <div>
        <input id="txt_name" ng-model="employee.Name" name="name" />
    </div>
    <div>
        Email
    </div>
    <div>
        <input id="txt_email" ng-model="employee.Email" name="email" />
    </div>
    <div>
        Location
    </div>
    <div>
        <input id="txt_loc" ng-model="employee.Location" name="location" />
    </div>
    <div>

    <button type="button" id="Btn_save" class="btn btn-primary" ng-click="AddDetails(employee)">Save</button>
        <button type="button" id="Btn_Update" class="btn btn-primary" ng-click="UpdateData(employee)">Update</button>
    <div>
        <table class="table-bordered" width="600px">
            <thead>
                <tr>
                    <td>USER NAME</td>
                    <td>EMAIL ID</td>
                    <td>LOCATION</td>
                    <td>EDIT/DELETE</td>
                </tr>
            </thead>

            <tr ng-repeat="employee in employees">
                <td>
                    {{employee.Name}}
                </td>
                <td>
                    {{employee.Email}}
                </td>
                <td>
                    {{employee.Location}}
                </td>
                <td>
                    <button type="button" class="btn btn-primary" ng-click="EditDetails(employee);hideMe()">Edit</button>
                    <button type="button" class="btn btn-success" ng-click="DeleteDetails(employee)">Delete</button>
                </td>

            </tr>
        </table>
    </div>

</div>

【讨论】：