javascript - 如何在 AngularJS 中创建动态过滤器？

Question

data = {key:0, Name:"Arun", key:1, Name:"Ajay", key:3, Name:"Ashok"}

function dynamicfilter(data, fieldName, filtervalue){
    $filter('filter')(data, { fieldName: filtervalue });
}

如何在 AngularJS 中进行动态过滤。我试过这样它不起作用。

但是如果我给字段名静态的，比如

 function dynamicfilter(data, filtervalue){
        $filter('filter')(data, { Key: filtervalue });
    }

它正在工作。我可以知道如何在 AngularJS 中的 Controller 内部设置动态字段过滤器吗？

Answer 1

要使用您的动态属性名称，请尝试使用带有方括号的属性访问器，例如 obj[propertyName] = value:

function dynamicfilter(data, fieldName, filtervalue){
    var filter = {};
    filter[fieldName] = filtervalue;
    $filter('filter')(data, filter);
}

从 ES2015 开始，您还可以使用 computed property names .但这可能不适用于所有浏览器:

 $filter('filter')(data, { [fieldName]: filtervalue });