Angular:返回对象的内容,通过数组查找索引

时间:2015-01-11 22:24:30

标签: javascript angularjs

目前我有一个我在视图中显示的游戏列表,这样:

<div ng-repeat="row in data | filter:search" href="#/tab/ncaaf/{{gameid}}">

我现在需要创建一个仅显示该对象信息的视图。所以我认为我需要从数组中查找gameid并将其内容返回到我的模板,以便我的个人视图(当您从列表中单击时)可以呈现:

<div class="logo" style="background-image: url({{['awayteam']['src']}});">

在我的控制器中,我将gameid定义为对象的索引属性。

$scope.gameid = data['results']['collection1'][0]['index'];

如何获取该游戏玩法,浏览数组,并在该视图上显示匹配游戏代码的对象内容?

1 个答案:

答案 0 :(得分:0)

使用$ routeProvider配置应用程序的路由时,您可以定义视图控制器从网址接收的参数:

$routeProvider
  .when('/tab/ncaaf/:gameid', {
    templateUrl: '<your_view_html_path_here>'
  })

然后,在此视图的控制器中,您可以通过执行以下操作来接收此参数:

var param = $routeParams.gameId;

在将$ routeParams定义为控制器的依赖关系后,当然。在此之后,您可以在后端调用传递gameId的方法并检索游戏的详细信息。

更多信息:https://docs.angularjs.org/api/ngRoute/provider/ $ routeProvider