AngularJS监听数据变化范围-当输入框值改变时，计算新值与初始值的差

最新推荐文章于 2019-01-01 18:47:43 发布

吃瓜群众欢乐多

最新推荐文章于 2019-01-01 18:47:43 发布

阅读量3.7k

点赞数

分类专栏： Angular 文章标签： angularjs

本文链接：https://blog.csdn.net/sinat_36146776/article/details/74231625

版权

Angular 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="string">
    <head>
        <meta charset="utf-8">
    </head>
    <body ng-controller="myController">
    <input type="text" ng-model="orderLists.text" ng-keyup="change()"/>
    <table>
        <thead>
            <tr>
                <th>名称</th>
                <th>变化范围</th>
            </tr>
        </thead>
    <tbody>
    <tr ng-repeat="item in orderLists">
        <td><input type="text" ng-model="item.number" /></td>
        <td>{{item.number-master[$index].number}}</td>
    </tr>
    </tbody>
    </table>
    <button ng-click="addData()">提交</button>
    </body>
    <script type="text/javascript" src="../assets/global/scripts/angular.js"></script>
    <script type="text/javascript">
    var string=angular.module('string',[]);
    string.controller('myController',function($scope){
        $scope.orderLists=[
            {'number':123},
            {'number':456},
            {'number':789},
            {'number':245},
            {'number':678}
        ]
        $scope.b=$scope.orderLists;
        console.log($scope.orderLists==$scope.b)
        $scope.newOrderLists = [].concat(JSON.parse(JSON.stringify($scope.orderLists)));
        console.log($scope.orderLists==$scope.newOrderLists)
        $scope.addData=function(){
            console.log($scope.orderLists)
        }
        $scope.master={};
        $scope.master=angular.copy($scope.orderLists,['destination']);
        $scope.master2=angular.copy($scope.orderLists);
        console.log($scope.master==$scope.master2)

       
    })
    </script>
</html>

吃瓜群众欢乐多

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS监听数据变化范围-当输入框值改变时，计算新值与初始值的差

<!DOCTYPE html><html lang="en" ng-app="string"> <head> <meta charset="utf-8"> </head> <body ng-controller="myController"> <input t...
复制链接

扫一扫