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

AngularJS parameters in UI-router not showing other values

我是 AngularJS 的新手,正在使用 UI-router。我想要实现的是如何根据我传递给 URL 的 id 访问控制器上对象数组的其他详细信息,并将其显示到我创建的视图中。您可以访问示例代码 here.

在这里,当用户点击目的地时,它会显示我的对象数组中指示的目的地列表(South Cebu and Bataan) 我已经实现了。请参阅 code preview screenshot.

当用户单击显示的目的地之一时,我很难实现,它应该显示目的地名称和排名靠前的目的地名称(topDesti.name ).

例如,当用户点击South Cebu时,它应该显示South Cebu(目的地名称)和Sirao Flower FarmMoalboalBasilica Minore del Santo Niño、...等(热门目的地名称)。当用户点击 Bataan 时,它应该显示 Bataan(目的地名称)和 Mount SamatWorld War II 博物馆(热门目的地名称)。

注意:我只使用destiArtiController --- destiArtiController.js,请忽略destiController.js

请帮忙。提前致谢!

理想情况下,您希望将 $scope.details 拆分为单独的 JSON 文件,然后使用 resolve 将它们拉入 angular.config

但是为了让您的代码简单地工作,您需要将 <div ui-view></div> 添加到 desti.html 中(在 ng-repeat 之外)。

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

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

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

destiArti.html