角度过滤器相关数据

时间:2016-03-17 21:47:58

标签: javascript angularjs json

我对角度还是比较新的所以我想知道如何最好地做这样的事情:

  • 我有一个json文件,它返回各种类型的项目' course'并输入' tutorial'。教程与带有字段的课程相关

    data = [ { title: foo1, type: course, id:1}, { title: foo2, type: course, id:2}, { title: foo3, type: course, id:3}, { title: t1, type: tutorial, id:4, related_course:2}, { title: t2, type: tutorial, id:5, related_course:2}, { title: t3, type: tutorial, id:6, related_course:3}, ...

在我的控制器中,我将函数绑定到$scope以允许我按类型进行过滤。

现在在我的模板中

<div ng-repeat="item in data | filter:isCourse">
... display course data
   <div ng-repeat="item in data | filter.isTutorial">
   ... display tutorial data

我想找到一种方法来确保显示的教程与当前显示的课程的ID相匹配。

有什么建议吗?

谢谢! - V

1 个答案:

答案 0 :(得分:1)

然后你应该具体使用filters,但要确保JSON的格式正确,因为我可以看到大多数值都没有包含在"中(双引号)

<强> HTML

<div ng-repeat="course in data | filter: {type: 'course'}">
... display course data
   <div ng-repeat="tut in data | filter: { related_course: course.id }">
   ... display tutorial data

Working Fiddle(感谢@AWolf)