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

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

像这样：

[
  {
  "title":"About",
  "content":"About me . . . . . . "
  },
  {
  "title":"Contact",
  "content":"Reach me . . . ." 
  },
  {
  "title":"Create a Post",
  "content": "What's on your mind?"
  }
]

json数据附加到角度控制器。

.controller（'PageController'、['$scope'、'$http'、'$routeParams'，函数（$scope、$http、$routeParams）{
$http.get（'../../../data/pages.json'）.success（函数（数据）{
$scope.page=数据[$routeParams.id]；
});
}])

此信息通过angular js和ng repeat附加到dom视图。 我正在循环

ng repeat=“pages in pages”

，到目前为止，我成功地看到了About、Contact和Create Post页面。我甚至可以点击li标签并成功地转到正确的页面

然而，我的问题是li标记从未在活动类中注册

这是我的代码片段

<div class="navbar-collapse collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
  <li ng-class="{'active': 1}" ng-repeat="page in pages"><a href="#/page/{{pages.indexOf(page)}}">{{page.title}}</a></li>
</ul>

---

如何使用此设置将li标记设置为活动？

在我看来，您正在视图中的某个位置使用

page.title

和

page.content

来实际显示页面的标题和内容

有了这两个选项意味着你可以像

---

如果您发布整个视图和控制器，这将更容易诊断，尽管重复的问题请参见感谢您，并对延迟回复表示抱歉。你是对的，我缺少一些内容&我确实有一个page.content和page.title。然而，我似乎明白了问题所在。因为我使用的是引导材质设计，所以我能够在dom页面

$（document）.ready（function（）{$.material.init（）；}）中修复使用此脚本的活动链接的突出显示谢谢你的帮助。