过滤角材料组合框答案

【问题标题】：Filter angular material combo box过滤角材料组合框
【发布时间】：2018-11-21 23:53:59
【问题描述】：

我正在动态添加多个组合框。如果选择了先前存在的组合框中的值，我将从数组中删除它。最终结果必须是在组合框中选择的唯一值。我决定通过过滤掉以前存在的值来实现这一点。这是正确的方法吗？到目前为止，我的过滤器不起作用。

<div ng-repeat="choice in $ctrl.inputFilterRows">
    <md-select ng-model="choice.name">
        <md-option ng-repeat="filter in choice.filters" value="{{filter.value}}"   | filter:filterTest()>
            {{filter.value}}
        </md-option>
    </md-select>
</div>

<md-button ng-click="$ctrl.addFilter()">ADD FILTER</md-button>

控制器：

var filtersArray = [
    { value: 'Filter1' },
    { value: 'Filter2' },
    { value: 'Filter3' }
];

$scope.filterTest = function () {
    return function (item) {
        if (item.value === 'Filter3') {
            return true;
        }
        return false;
    };
};



self.addFilter = function () {
    var index = self.inputFilterRows.length;
    var newItemNo = index + 1;
    self.inputFilterRows.push({ 'name': 'inputFilter' + newItemNo, 'input': '' });

    self.inputFilterRows[index].filters = filtersArray;
};

【问题讨论】：

标签： javascript angularjs angularjs-material

【解决方案1】：

我今天遇到了类似的问题，我缺少的是使用正确的过滤器。也许这篇文章可以帮助你：

AngularJS doesn't work with 'multiple' flag

【讨论】：