javascript - 使用 angularjs 更改 li 中的跨度文本

Question

我有 html 类似...

<ul id="sidemenu" class="wraplist wrapper-menu">
 <li class="auto" ng-class='{"active": active == 1 }' ng-click="makeActive(1)">
    <span class="arrow material-icons">arrow_down</span>
 <li>
 <li class="auto" ng-class='{"active": active == 2 }' ng-click="makeActive(2)">
    <span class="arrow material-icons">arrow_down</span>
 <li>
<ul>

在 ng-click=makeActive() 上，我只想将特定 < li> 元素的值“arrow_down”更改为“arrow_right”。如果再次单击相同的按钮，我想将其更改为“arrow_down”。其余所有

的跨度文本将保持不变。我如何使用 angularjs 来做到这一点？即通过使用 angular.element？或者还有其他办法吗？

Answer 1

keyboardArrow 仅引用一个变量。因此，您必须创建两个作用域变量:keyboardArrow1 和 keyboardArrow2

<ul id="sidemenu" class="wraplist wrapper-menu">
     <li class="auto" ng-class='{"active": active == 1 }' ng-click="makeActive(1)">
        <span class="arrow material-icons">{{ keyboardArrow1 }}</span>
     <li>
     <li class="auto" ng-class='{"active": active == 2 }' ng-click="makeActive(2)">
        <span class="arrow material-icons">{{ keyboardArrow2 }}</span>
     <li>
<ul>

更新

根据您的需要，这里有一个plunker .