javascript - 更改当前页面的颜色angularjs

Question

AngularJS 是否以任何方式帮助在当前页面的链接上设置事件类？

我想在 angularjs 或 css 中有一些神奇的方法可以做到这一点，但我似乎找不到。

我的菜单是这样的:

<ul>
 <li ><a href="#/person" ng-click = "person()" id="bl" >Person</a></li>
<li><a href="#/product" ng-click = "product()" id="or"  >Product</a></li>
<li ><a href="#/place" ng-click = "place()" id="gr" >Place</a></li>
</ul><br/><br/>

我的 CSS 看起来像:

body {
font-family: Source Sans Pro;
}

ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}


a{
    float: left;
    width: 6em;
    text-decoration: none;
    padding: 0.2em 0.6em;
    border-right: 1px solid white;
	
}

#navbar li a.current {
background-color: #FFF;}

li {
    display: inline;
}

#bl {
background-color:#5a5a5a;
color: yellow;
}

#or {
background-color:#5a5a5a;
color: yellow;
}

#gr {
background-color : #5a5a5a;
color: yellow;
}

#bl:hover ,#or:hover , #gr:hover   {
 background-color:#ff6900;
 }
 
 #persons{
 float:left; 
 }
 
 .left{ 
 float:left;
 }
 

Answer 1

看起来您有函数 person()、product()。使用 getElementsByName('body').style.backgroundColor = 'red'; 设置背景色，并在各自的函数中设置各自的颜色。