UI路由器中的AngularJS参数不显示其他值

我不熟悉AngularJS和使用UI路由器。我想实现的是，如何根据我在URL上传递的id访问控制器上的对象数组的其他详细信息，并将其显示给我创建的视图。您可以访问示例代码

在这里，当用户单击目的地时，它将显示我已经实现的对象数组（南宿务和巴丹）中指示的目的地列表。请看地图

我很难实现当用户单击其中一个显示的目的地时，它应该显示目的地名称和顶级目的地名称（topDesti.name）

例如，当用户单击南宿务时，它应该显示南宿务（目的地名称）和西劳花卉农场，摩押岛，圣尼诺弥诺大教堂。。。等（顶级目的地名称）。当用户点击巴丹时，它应该显示巴丹（目的地名称）和萨马特山（Mount Samat），二战博物馆（顶级目的地名称）

注意：我只使用destiArtiController--destiArtiController.js，请忽略destiController.js

---

请帮忙。提前谢谢

理想情况下，您需要将

$scope.details

拆分为单独的JSON文件，并使用解析

angular.config

中的文件

但是为了让代码简单地工作，您需要将

添加到

desti.html

（ng repeat之外）

然后，要显示特定的目的地，请更改

<div ng-repeat="detail in details">

到

---

在

destiArti.html中

谢谢@Aleksey Solovey！

<div ng-if="detail.id == id" ng-repeat="detail in details">