ng-show的角度传递参数连接到不同的jsons

时间:2014-04-22 17:01:24

标签: javascript json angularjs

我有以下角度js app:plunker

点击My academic course旁边的 + 后,会打开一个新面板,以获取可供选择的课程列表。在这里,当我们点击“学术”时,它会显示一个包含所有孩子的新面板,甚至是“应用科学”。

我想在这里实现的是,当我们点击'学术''应用科学'面板中的列表中的任何项目时,我想要它连接到$scope.degreecategories并返回此json中 DegreeCategoryID 匹配的所有'Degree'名称与{{1}中的 DegreeCategoryID json。

我尝试了一些非常奇怪的东西,但我确定我没有走上正轨。关于如何将参数传递给$scope.degrees

的任何想法

1 个答案:

答案 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>