角度:通过数组查找其索引返回对象的内容

Angular: Returning objects' contents from looking up its index through an array

本文关键字：对象 返回 索引 数组 查找 角度      更新时间：2023-09-26

目前我有一个游戏列表，我正在以这种方式显示： 

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

我现在需要创建一个仅显示来自该对象的信息的视图。所以我认为我需要从数组中查找游戏 ID 并将其内容返回到我的模板，以便我的个人视图（当您从列表中单击时）可以呈现： 

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

在我的控制器中，我将游戏 id 定义为对象的索引属性。 

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

如何获取该 gameid，遍历数组，并在该单个视图上显示具有匹配游戏 ID 的对象内容？

使用 $routeProvider 配置应用的路由时，可以定义视图控制器要从 url 接收的参数： 

$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

相关文章：