Jquery 切换在角度ng重复内无法正常工作

我已经用AngularJS ng repeat制作了一张表（见附件链接）。在第二列（每列）中，我试图通过单击上面相应的链接来切换一段数据。它可以工作，但只对表中的奇数行起作用

<tr ng-repeat='service in services | filter:searchText' ng-class="{{service.status}} ? 'success' : 'danger'">
<td class='status-col'><span class='icon' ng-class="{{service.status}} ? 'glyphicon glyphicon-ok' : 'glyphicon glyphicon-remove'"></span></td>
<td>

  <a class='toggle' href="javascript:void(0);">{{service.name}}</a>


  <div>
{{service.stateDesc}} 
  </div>

  <script type="text/javascript">
          $(function() // run after page loads 
          { 
            $(".toggle").click(function() 
            {  
              // hides matched elements if shown, shows if hidden 
              $(this).next().toggle(); 


              return false;
            }); 
          });
  </script>


</td>

因此，在“false”（2xn）上完成的剩余次数不会打开。但当这条链指向“真”时，它就起作用了。但无论如何，这不是正确的行为

但是，当我尝试注释整个“else”语句时，脚本会正确执行，每次单击尊重项时只执行一次

---

有人知道这是怎么发生的吗？非常感谢你的帮助。我是个新手，所以我真的很依赖你的帮助

首先，在存在Angular的情况下使用jQuery操作DOM被认为是不好的做法。这不是我的本意

现在回到你的问题，你可以简单地做如下切换

 <td>
   <a href="" ng-click="toggle=!toggle">{{service.name}}</a>
  <div>{{service.stateDesc}} </div>
 </td>

表情符号
描述
:):):):):):):):)
:(:(:(:(:(:(:(:(

首先要做的是从

ng repeat

中删除您的

。正在为表中的每一行输出该脚本…将其移动到文档末尾，就在

上方。阿米特，谢谢！我将尝试按照您的建议应用它！这非常有效。这比我做的要简单得多，而且不会弄乱文档ny，我知道这不是一个好的解决方案，但只是因为没有看到任何其他方法，所以尝试了。再次感谢您。@AnnaKosolapova很高兴我能提供帮助。如果您需要了解jQuery和Angular之间区别的更多细节，您可以参考[

*true
    WS Payroll 

false
    WS Payroll 

true
    WS Payroll 

false
    WS Payroll 

true
    WS Payroll 

false
    WS Payroll 

true
    WS Payroll 

false
    WS Payroll* 

 <td>
   <a href="" ng-click="toggle=!toggle">{{service.name}}</a>
  <div>{{service.stateDesc}} </div>
 </td>