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 Farm,Moalboal、Basilica Minore del Santo Niño、...等(热门目的地名称)。当用户点击 Bataan 时,它应该显示 Bataan(目的地名称)和 Mount Samat、World 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
我是 AngularJS 的新手,正在使用 UI-router。我想要实现的是如何根据我传递给 URL 的 id 访问控制器上对象数组的其他详细信息,并将其显示到我创建的视图中。您可以访问示例代码 here.
在这里,当用户点击目的地时,它会显示我的对象数组中指示的目的地列表(South Cebu and Bataan) 我已经实现了。请参阅 code preview screenshot.
当用户单击显示的目的地之一时,我很难实现,它应该显示目的地名称和排名靠前的目的地名称(topDesti.name ).
例如,当用户点击South Cebu时,它应该显示South Cebu(目的地名称)和Sirao Flower Farm,Moalboal、Basilica Minore del Santo Niño、...等(热门目的地名称)。当用户点击 Bataan 时,它应该显示 Bataan(目的地名称)和 Mount Samat、World 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