[AngularJS] angular.copy()

复制代码
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>Egghead Videos</title>
    <link rel="stylesheet" href="./topcoat-desktop-light.min.css">
    <link rel="stylesheet" href="./bootstrap-theme.min.css">
    <link rel="stylesheet" href="./bootstrap.min.css">
    <script type="text/javascript" src="./angular.min.js"></script>
    <script type="text/javascript" src="./angular-animate.min.js"></script>
    <script type="text/javascript" src="./app.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.13.2/TweenMax.min.js"></script>
</head>
<body ng-app="app" ng-controller="AppCtrl">

<form>
    <input type="text" ng-model="copyContact.firstName" />
    <button ng-click="saveContact()">Save</button>
</form>

<div class="div" style="margin-top: 40px;"></div>

<table class="table table-striped">
    <thead>
    <tr>
        <td>First</td>
        <td>Last</td>
        <td>Phone</td>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="contact in contacts" ng-click="selectContact(contact)">
        <td>{{contact.firstName}}</td>
        <td>{{contact.lastName}}</td>
        <td>{{contact.phone}}</td>
    </tr>
    </tbody>
</table>
</body>
</html>
复制代码

 

复制代码
var app = angular.module("app", []);
app.factory('Contacts',function($http){
    return{
       fetchContacts: function(callback){$http.get('./contacts.json').success(callback)}
    }
})

app.controller('AppCtrl', function($scope, Contacts){

    $scope.selectedContact = null;
    $scope.copyContact = null;
    Contacts.fetchContacts(function(Contacts){
        $scope.contacts = Contacts;
    });

    $scope.selectContact = function(contact){
        $scope.selectedContact = contact;
        $scope.copyContact = angular.copy($scope.selectedContact);
    }

    $scope.saveContact = function(){
        $scope.selectedContact.firstName = $scope.copyContact.firstName;
    }
});
复制代码

 

posted @   Zhentiw  阅读(332)  评论(0)  编辑  收藏  举报
（评论功能已被禁用）
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae