如何通过循环json数据将li标签设置为活动？

Question

我目前有一个包含页面标题和内容数据的json文件。

像这样：

DateTime

json数据附加到角度控制器。 [ { "title":"About", "content":"About me . . . . . . " }, { "title":"Contact", "content":"Reach me . . . ." }, { "title":"Create a Post", "content": "What's on your mind?" } ]

此信息通过角度js和ng-repeat附加到dom视图。 我正在循环 .controller('PageController', ['$scope', '$http', '$routeParams',function($scope,$http,$routeParams){ $http.get('../../../data/pages.json').success(function(data){ $scope.page = data[$routeParams.id]; }); }]) ，到目前为止，我已成功查看“关于”，“联系人”和“创建帖子”页面。我甚至可以点击li标签并成功转移到正确的页面。

但是我的问题是li标签从不注册活动类。

这是我的代码段。

ng-repeat="page in pages"

如何通过此设置将li标签设置为活动状态？

Answer 1

在我看来，您在视图中的某处使用page.title和page.content来实际显示网页的标题和内容。

拥有这两个可用意味着您可以设置类似的东西 <li ng-class="{'active': page.title === currentPage.title}" ng-repeat="currentPage in pages"><a href="#/page/{{pages.indexOf(currentPage)}}">{{currentPage.title}}</a></li>

如果您发布整个视图和控制器，这将更容易诊断