Angular - 过滤以从数组中删除空白字符串 [英] Angular - Filter to remove blank strings from array

查看：27
本文介绍了Angular - 过滤以从数组中删除空白字符串的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个数组对象...数组可以包含空格，我如何创建一个角度过滤器来删除空格以确定数组的长度?

$scope.myData = {["1", "1", "4", "4", "N", "4", "6", "8", "", "", "", "", "", "", "", "", "", "", ],["2", "2", "4", "6", "0", "6", "5", "4", "2", "", "8", "", "","", "", "", "", "", ],["2", "3", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ],["3", "F", "D", "3", "5", "1", "D", "5", "", "", "", "", "", "", "", "", "", "", ],["1", "V", "4", "4", "3", "2", "1", "1", "4", "", "", "", "", "", "", "", "", "", ],["4", "5", "8", "6", "4", "2", "8", "7", "1", "1", "2", "", "", "", "", "", "", "", ],["4", "4", "R", "F", "D", "8", "4", "2", "4", "8", "7", "4", "8", "", "", "", "", "", ],["D", "5", "F", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ],["1", "4", "1", "3", "4", "B", "D", "G", "", "", "", "", "", "", "", "", "", "", ]}

HTML:

<div ng-show="(data | myFilter).length > 10">显示长度是否大于 10
<div ng-show="(data | myFilter).length > 15">显示长度是否大于 15

谢谢

解决方案 

var app = angular.module('app', []);app.filter('myFilter', function() {返回函数(输入){var newInput = [];angular.forEach(输入，功能(项目){控制台日志(项目)；if (item != "") newInput.push(item);});返回新输入；};});app.controller('fCtrl', function($scope) {$scope.myData = [["1", "1", "4", "4", "N", "4", "6", "8", "", "", "", "", "", "", "", "", "", ""],["2", "2", "4", "6", "0", "6", "5", "4", "2", "", "8", "", "","", "", "", "", ""],["2", "3", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],["3", "F", "D", "3", "5", "1", "D", "5", "", "", "", "", "", "", "", "", "", ""],["1", "V", "4", "4", "3", "2", "1", "1", "4", "", "", "", "", "", "", "", "", ""],["4", "5", "8", "6", "4", "2", "8", "7", "1", "1", "2", "", "", "", "", "", "", ""],["4", "4", "R", "F", "D", "8", "4", "2", "4", "8", "7", "4", "8", "", "", "", "", ""],["D", "5", "F", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],["1", "4", "1", "3", "4", "B", "D", "G", "", "", "", "", "", "", "", "", "", ""]];});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script><div ng-app="app"><div ng-controller="fCtrl"><div ng-repeat="myData 中的数据"><span>{{数据 |myFilter }}</span><div ng-show="(data | myFilter).length > 10">显示长度是否大于 10

<div ng-show="(data | myFilter).length > 15">显示长度是否大于 15

<小时/>

I have an object of arrays... The array can contain blanks, how can i create an ANgular filter to remove the blanks to determine the length of the array?

$scope.myData = {
    ["1", "1", "4", "4", "N", "4", "6", "8", "", "", "", "", "", "", "", "", "", "", ],
    ["2", "2", "4", "6", "0", "6", "5", "4", "2", "", "8", "", "", "", "", "", "", "", ],
    ["2", "3", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ],
    ["3", "F", "D", "3", "5", "1", "D", "5", "", "", "", "", "", "", "", "", "", "", ],
    ["1", "V", "4", "4", "3", "2", "1", "1", "4", "", "", "", "", "", "", "", "", "", ],
    ["4", "5", "8", "6", "4", "2", "8", "7", "1", "1", "2", "", "", "", "", "", "", "", ],
    ["4", "4", "R", "F", "D", "8", "4", "2", "4", "8", "7", "4", "8", "", "", "", "", "", ],
    ["D", "5", "F", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ],
    ["1", "4", "1", "3", "4", "B", "D", "G", "", "", "", "", "", "", "", "", "", "", ]
}

HTML:

<div ng-repeat="data in myData">
    <div ng-show="(data | myFilter).length > 10">
        Show if length greater than 10
    </div>


    <div ng-show="(data | myFilter).length > 15">
        Show if length greater than 15
    </div>
</div>

Thanks

解决方案 

var app = angular.module('app', []);
app.filter('myFilter', function() {

  return function(input) {
    var newInput = [];
    angular.forEach(input, function(item) {
      console.log(item);
      if (item != "") newInput.push(item);
    });
    return newInput;
  };
});


app.controller('fCtrl', function($scope) {

  $scope.myData = [
    ["1", "1", "4", "4", "N", "4", "6", "8", "", "", "", "", "", "", "", "", "", ""],
    ["2", "2", "4", "6", "0", "6", "5", "4", "2", "", "8", "", "", "", "", "", "", ""],
    ["2", "3", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],
    ["3", "F", "D", "3", "5", "1", "D", "5", "", "", "", "", "", "", "", "", "", ""],
    ["1", "V", "4", "4", "3", "2", "1", "1", "4", "", "", "", "", "", "", "", "", ""],
    ["4", "5", "8", "6", "4", "2", "8", "7", "1", "1", "2", "", "", "", "", "", "", ""],
    ["4", "4", "R", "F", "D", "8", "4", "2", "4", "8", "7", "4", "8", "", "", "", "", ""],
    ["D", "5", "F", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],
    ["1", "4", "1", "3", "4", "B", "D", "G", "", "", "", "", "", "", "", "", "", ""]
  ];




});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app">
  <div ng-controller="fCtrl">

    <div ng-repeat="data in myData ">
      <span>{{data | myFilter }}</span>
      <div ng-show="(data | myFilter).length > 10">
        Show if length greater than 10
      </div>


      <div ng-show="(data | myFilter).length > 15">
        Show if length greater than 15
      </div>
      <hr/>
    </div>
  </div>
</div>

这篇关于Angular - 过滤以从数组中删除空白字符串的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆