我有以下角度js app:plunker
点击My academic course
旁边的 + 后,会打开一个新面板,以获取可供选择的课程列表。在这里,当我们点击“学术”时,它会显示一个包含所有孩子的新面板,甚至是“应用科学”。
我想在这里实现的是,当我们点击'学术'或'应用科学'面板中的列表中的任何项目时,我想要它连接到$scope.degreecategories
并返回此json中 DegreeCategoryID 匹配的所有'Degree'
名称与{{1}中的 DegreeCategoryID json。
我尝试了一些非常奇怪的东西,但我确定我没有走上正轨。关于如何将参数传递给$scope.degrees
?
答案 0 :(得分:0)
我更新了您的plunker here。
在li
元素中,我更改了您ng-click
以传入对象。
<li ng-click="display.showSelectedCourse(degree)" >{{degree.DegreeCategory}}</li>
我使用简单的过滤功能添加了一个表(只是为了显示过滤结果)。该表使用ng-repeater。
过滤功能
$scope.showOnlyCat = function(cat) {
return (cat.DegreeCategoryID == $scope.display.theSelectedCourse.DegreeCategoryID);
}
过滤器在标记中使用如下:
<table>
<tr ng-repeat="cat in degreecategories | filter:showOnlyCat">
<td>{{...showing data ....}}</td>
</tr>
</table>