javascript - angularjs在页面上插入一条css样式

Question

html是这样的

<ul>
    <li>深圳</li>
    <li>广州</li>
    <li>北京</li>
    <li>上海</li>
    ...        
    <li>天津</li>
    <li>杭州</li>
    <li>西安</li>
    <li>厦门</li>
</ul>

中间还有几十个li，后台传过数据来，确定具体是哪个城市被选中,得到相应的n值，转换成相应的css代码应该是这样的。

.li:nth-child(n){color:red}

用angularjs怎么把这条样式，写进页面中去呢？求大神抬一手

Answer 1

<li ng-repeat="..." style="{{$index===n ? 'color: red' : ''}}">xx</li>