如何删除仅在ng-repeat中单击的项目上的过滤器？

Question

在我的应用程序中，默认情况下，我屏蔽了序列号（使用自定义的角度过滤器）。 当用户单击1个特定的屏蔽序列号时，需要删除该屏蔽。

到目前为止，这是我的代码：

 var myApp = angular.module('myApp',[]); myApp.controller('MyCtrl', [ '$scope', function($scope){ $scope.name = 'Superhero'; $scope.serialNumbers = [ {serial: 12345678}, {serial: 22245678}, {serial: 33345678}, ]; }]); myApp.filter('mask', function() { return function(input) { var inputArray = input.toString().split(''); for (var i = 2, l = inputArray.length; i < l - 2; i++) { inputArray[i] = '*'; // replace } return inputArray.join(''); }; });

 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body ng-app='myApp'> <div ng-controller="MyCtrl"> Hello, {{name}}! <p>Below are your serial numbers:</p> <p ng-repeat="serialNumber in serialNumbers">{{serialNumber.serial | mask}}</p> </div> </body> </html>

我该如何实现？

Answer 1

不太确定我理解问题，但是您可以在过滤器中使用参数并将其绑定到对象的属性，以简化操作

myApp.filter('mask', function() {
    return function(input, noMask) {
      if(noMask){
          return input;
      }
      var inputArray = input.toString().split('');
      for (var i = 2, l = inputArray.length; i < l - 2; i++) {
        inputArray[i] = '*'; // replace
      }
      return inputArray.join('');
    };
  });

然后在html中执行以下操作：

<p ng-repeat="serialNumber in serialNumbers" 
   ng-click="serialNumber.noMask=!serialNumber.noMask">
      {{serialNumber.serial | mask: serialNumber.noMask }}
</p>

如何删除仅在ng-repeat中单击的项目上的过滤器？

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-02-19 01:35:37

如何删除仅在ng-repeat中单击的项目上的过滤器？

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-02-19 01:35:37

解决方案1
1 已采纳 2016-02-19 01:35:37