使用splice从数组中删除元素后.它没有重置.我的代码有任何错误

Question

使用splice从数组中删除元素后.它没有重置.我的代码有任何错误

use*_*187 5 javascript arrays jquery angularjs

下拉列表包含数组值.如果我从下拉列表中选择一个值,它将从其工作的数组中删除该值.但是点击重置按钮它应该重置旧值.这是我的代码

HTML代码

<html>
<head>
<script src="angular/angular.js"></script>
<script src="js/controllers.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="exerciseTypeCtrl">
   <select id="exerciseSuperCategory" data-role="listview" ng-options="Lay.id as Lay.value for Lay in Layer " ng-model="itemsuper" ng-change="changeData(itemsuper)">
   </select> 
   <input type="button" ng-click="resetLayer()" value="Reset"/>        

</div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

angularjs控制器代码

<script>
var myApp = angular.module('myApp',[]);

myApp.controller('exerciseTypeCtrl',function($scope)
{

    $scope.Layer = [
        { id: 1, value: '0.38'},
        { id: 2, value: '0.76'},
        { id: 3, value: '1.14'},
        { id: 4, value: '1.52'},
        { id: 5, value: '1.9'},
        { id: 6, value: '2.28'},
        { id: 7, value: '2.66'},
        { id: 8, value: '3.04'},
        { id: 9, value: '3.42'},
        { id: 10, value:'3.8'},
        { id: 11, value: '4.18'},
        { id: 12, value: '4.56'}
    ];

     $scope.changeData = function(value)
      {

         var coating = $scope.Layer;
         if(coating != null)
         {
                var j = coating.length;                                 
                while(j>0)
                {
                    j =j-1;
                    var make = coating[j]['id'];    
                    var present = 0;


                        if(make == value)
                        {                                                           
                          coating.indexOf(make);
                          coating.splice(j,1);                        
                        }

                }
         }
      }
      $scope.resetLayer -function()
      {
          $scope.Layer =  $scope.Layer;
      }

});
</script>

Run Code Online (Sandbox Code Playgroud)

使用splice我正在删除下拉选择的值.但点击按钮它不重置

提前致谢

Answer 1

Pan*_*kar 2

Layer您应该在初始化/获取数据时获取变量的副本

var copyOfLayer = angular.copy($scope.Layer);

Run Code Online (Sandbox Code Playgroud)

然后在重置它时，您需要将旧数组分配给$scope.Layer您还需要将resetLayer函数重写为下面的

  $scope.resetLayer = function() {
    $scope.Layer = angular.copy(copyOfLayer)
  }

Run Code Online (Sandbox Code Playgroud)

工作笨手笨脚

归档时间：	11 年，2 月前
查看次数：	482 次
最近记录：	11 年，2 月前