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

我有类似的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（）上，我只想将特定

元素的值“ arrow_down”更改为“ arrow_right”。如果再次单击相同的内容，我想将其更改为“ arrow_down”。其余所有

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

最佳答案

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。

关于javascript - 使用angularjs更改li中的跨度文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41823969/