2017-08-24 70 views
0

我认为流行的问题,但我没有找到解决方案。看例如我有对象{title:..., book:.... author:...}并希望通过标题像下面过滤我的观点:在过滤器中使用ng-repeat

<div ng-repeat="product in main.products | filter: {{product.title}}"> 
    <span>{{product.author}}</span> 
</div> 

<span>笔者已经显示出,但过滤器不能正常工作。

+0

什么是你的意思关于按标题过滤?什么是过滤器值? –

+0

这只是一个简单的例子,但我的观点是我有课程数学,历史等,我会按标题排序所有课程 –

回答

1

如果从服务器端获取您的过滤器值,你可以轻松地将其模拟为:

$scope.by_title = ''; 


    $timeout(function(){ 
    $scope.by_title = 'on'; 
    },3000); 

和:

<tr ng-repeat="obj in objs | filter:{ title: by_title }"> 

DEMO PLUNKR

+0

这是很好的解决方案,我不想使用输入,我想从数据库加载数据和过滤器 –

+0

@ V.R所以什么是问题?用值来代替'by_title'模型来自服务器。它的行为 –

+0

@ V.R更新了答案和演示。我认为你的好开始 –

0

正如您所评论的那样,您应该使用orderBy过滤器。

<div ng-repeat="product in main.products | orderBy: 'title'"> 
+0

行不通,列出一切 –

+0

你可以创建一个演示吗? –