ng-repeat在查询字符串上添加样式

时间:2015-04-01 16:03:27

标签: angularjs url ng-repeat

如果当前li key字段等于查询字符串中的ID参数,我试图在AngularJS生成的li元素列表中添加class active。像这种行为:

foreach person in people
{
      if person.id = urlparameter.id
       {
               writeline <li id=person.id class="active">person.name<li/>
       }
       else
       {
       writeline <li id=person.id class="">person.name<li/>
       }
}

第一个问题是如何返回查询字符串参数的值,然后如何在ng-repeat中使用add来有条件地添加类。任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

This answer显示了如何获取网址参数

然后,如果你的控制器中定义了$ scope.people和$ scope.idFromUrl,这个html应该做你想做的事情

<li ng-repeat="person in people", ng-class="{'active':person.id==idFromUrl}" >
{{person.name}}
</li>