角度濾波相關數據

我仍然相當新的角度，所以我想知道如何以最佳方式做這樣的事情：角度濾波相關數據

我有一個返回多種類型的「課程」和項目的JSON文件鍵入'教程'。教程的課程涉及與現場

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

來源

2016-03-17 J99

可能幫助你http://stackoverflow.com/questions/35830338/ng-repeat-filter-to-iterate-o超過元素與特定屬性值/ 35830473＃35830473 –

你應該有那麼具體有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）

來源

2016-03-17 21:56:23

好的答案。這是一個[小提琴]（https://jsfiddle.net/awolf2904/dos43ny3/）來展示代碼的工作方式。 – AWolf

@AWolf感謝努力的人..我用你的小提琴更新了答案。 :-) –

謝謝@PankajParkar @AWolf - 那可行！最後一件事是，如果發現教程，有一種簡單的方法可以在第二個「ng-repeat」之前插入標題...？ – J99

角度濾波相關數據

回答

相關問題