Javascript 使用AngularJS筛选搜索结果
一个简短的问题: 我在angularjs中创建了一个过滤器,以动态获取一个变量,并从前端像这样使用Javascript 使用AngularJS筛选搜索结果,javascript,angularjs,Javascript,Angularjs,一个简短的问题: 我在angularjs中创建了一个过滤器,以动态获取一个变量,并从前端像这样使用 <div ng-if="(services | searchValue : 'type' : 'facebook').active == true"> ... </div> 不幸的是,即使找到了结果,它也没有传递给模板 如果我这样使用它: {{(services | searchValue : 'type' : 'facebook')}} 这没有任何价值。有什么建议吗?
<div ng-if="(services | searchValue : 'type' : 'facebook').active == true">
...
</div>
不幸的是,即使找到了结果,它也没有传递给模板
如果我这样使用它:
{{(services | searchValue : 'type' : 'facebook')}}
这没有任何价值。有什么建议吗?我为您提供的信息创建了一个示例。运行下面的示例检查。希望这对你有帮助 我猜
ng if
本身只需要变量,不需要表达式。仅为变量提供值,即(服务|搜索值:'type':'facebook')。活动的
不是表达式
var-app=angular.module('application',[]);
app.filter('customfilter',function(){
返回函数(数组、名称、变量、值){
var filteredArray={};
forEach(数组,函数(v,k){
if(v[name_var]==值){
过滤射线=v;
返回false;
}
});
返回过滤器阵列;
}
});
app.controller('sampleController',函数($scope,$filter){
$scope.data=[{
“类型”:“facebook”,
“活动”:错误
}, {
“类型”:“linkedin”,
“活动”:错误
}, {
“类型”:“推特”,
“活动”:错误
}, {
“类型”:“谷歌”,
“活动”:错误
}];
$scope.anotherdata=[{
“类型”:“facebook”,
“活动”:真
}, {
“类型”:“linkedin”,
“活动”:错误
}];
});代码>
第一个div-活动:false
你的div内容在这里
第二个div-活动:真
已渲染的第二个div
我认为应该是这样的(服务|搜索值:'type')
{{(services | searchValue : 'type' : 'facebook')}}