angular.copy

创建一个源文件的深度拷贝,它应该是一个对象或一个数组。

  • 如果没有提供目标,则创建一个对象或数组的副本。
  • 如果提供了一个目标,那么它的所有元素(对于数组)或属性(对于对象)都会被删除,然后从源文件中复制所有元素/属性。
  • 如果源不是对象或数组(包括nullundefined),则返回源。
  • 如果源与目标相同,则会抛出异常。

用法

angular.copy(source, [destination]);

参数

参数类型说明
source*将用于复制的源。可以是任何类型,包括原始类型、nullundefined
destination(可选)Object
Array
源被复制的目标。如果提供,必须与源类型相同。

返回值

如果指定了目标,则返回复制或更新的目标。

举个栗子

HTML:

<div ng-controller="ExampleController">
    <form novalidate class="simple-form">
        <label>Name: <input type="text" ng-model="user.name" /></label><br />
        <label>Age:  <input type="number" ng-model="user.age" /></label><br />
        Gender: <label><input type="radio" ng-model="user.gender" value="male" />male</label>
        <label><input type="radio" ng-model="user.gender" value="female" />female</label><br />
        <button ng-click="reset()">RESET</button>
        <button ng-click="update(user)">SAVE</button>
    </form>
    <pre>form = {{user | json}}</pre>
    <pre>master = {{master | json}}</pre>
</div>

JS:

angular.
module('copyExample', []).
controller('ExampleController', ['$scope', function($scope) {
    $scope.master = {};

    $scope.reset = function() {
        // Example with 1 argument
        $scope.user = angular.copy($scope.master);
    };

    $scope.update = function(user) {
        // Example with 2 arguments
        angular.copy(user, $scope.master);
    };

    $scope.reset();
}]);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是使用AngularJS实现增删改查的示例代码: HTML模板: ```html <div ng-app="myApp" ng-controller="myCtrl"> <h2>用户列表</h2> <table> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>操作</th> </tr> </thead> <tbody> <tr ng-repeat="user in users"> <td>{{user.name}}</td> <td>{{user.age}}</td> <td> <button ng-click="editUser(user)">编辑</button> <button ng-click="deleteUser(user)">删除</button> </td> </tr> </tbody> </table> <h2>添加/编辑用户</h2> <form ng-submit="saveUser()"> <label>姓名:</label> <input type="text" ng-model="currentUser.name" required /> <br /> <label>年龄:</label> <input type="number" ng-model="currentUser.age" required /> <br /> <button type="submit">保存</button> </form> </div> ``` AngularJS控制器: ```javascript var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.users = [ { name: '张三', age: 20 }, { name: '李四', age: 25 }, { name: '王五', age: 30 } ]; $scope.currentUser = {}; $scope.editUser = function(user) { $scope.currentUser = angular.copy(user); }; $scope.saveUser = function() { if ($scope.currentUser.name && $scope.currentUser.age) { if ($scope.currentUser.hasOwnProperty('$index')) { $scope.users[$scope.currentUser.$index] = angular.copy($scope.currentUser); } else { $scope.users.push(angular.copy($scope.currentUser)); } $scope.currentUser = {}; } }; $scope.deleteUser = function(user) { var index = $scope.users.indexOf(user); if (index > -1) { $scope.users.splice(index, 1); } }; }); ``` 上述代码实现了一个简单的用户列表,包含姓名和年龄字段。用户可以添加、编辑和删除用户信息。使用ng-repeat指令在表格中显示用户列表,通过ng-click指令调用相应的方法进行编辑和删除操作,ng-model指令绑定用户输入的数据。保存时,根据当前用户是否包含索引属性来判断是新增还是编辑操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值