小编Roy*_*Bar的帖子

我有一个导航栏,其中包含由foreach循环从数据库加载的链接,导航栏是静态的,因此只有内容在变化.我想在页面加载活动时向链接添加"活动"类.

我曾尝试在li单击某个元素时添加类,但在重新加载页面时该类会消失.

这是我的HTML(它由PHP foreach循环呈现,因此它看起来不是硬编码的)

<div class="sidebar-menu">
  <ul class="sidebar-nav">
    <li class="icon_links">
      <a href="/home" class="links">
        <div class="icon">
          <i class="fa fa-tasks" aria-hidden="true"></i>
        </div>
        <div class="title">Dashboard</div>
      </a>
    </li>
    <li class="icon_links">
      <a href="/messaging" class="links">
        <div class="icon">
          <i class="fa fa-comments" aria-hidden="true"></i>
        </div>
        <div class="title">Messaging</div>
      </a>
    </li>
  </ul>
</div>

JavaScript的

$(document).ready(function() {
  var selector = '.sidebar-nav li';
  $(selector).on('click', function() {
    $(selector).removeClass('active');
    $(this).addClass('active');
  });
});

我是 Angular 的新手。我正在尝试获取这样写的 Json 数据：

id:1,
name: "Friends",
type: "Group",

现在，我知道我不能使用这种数据，除非我添加双引号 - 就像那样（这是它工作的唯一方式）：

"id":1,
"name": "Friends",
"type": "Group",

在 Angular 中解析 JSON 的最佳方法是什么？

我试图结合 JS ，但没有奏效：

app.controller('contacts', function ($scope,$http,$log) {

    $http.get('http://localhost/Angular-Http-exercise/db.json')
        .then(function(response) {
            $scope.myData = function() {

            return JSON.stringify(response.data)
        };

        $log.info(response.data.name);
    });
});