Javascript 为什么使用angular指令切换效果不适用于嵌套div

Javascript 为什么使用angular指令切换效果不适用于嵌套div,javascript,jquery,angularjs,angular-directive,Javascript,Jquery,Angularjs,Angular Directive,我已附上附件。我无法访问.gc和.mc元素。尽管我的代码部分正常工作,类.bc也正常工作。我试图应用切换效果对他们和层次明智 BroadCategory>GeneralCategory>MainCategory 我不知道我错过了什么 $(element).find('.gc').click( function() { alert('GC'); $(element).find(".mc").slideToggle('200',function() { $(elem

我已附上附件。我无法访问
.gc
.mc
元素。尽管我的代码部分正常工作,类
.bc
也正常工作。我试图应用切换效果对他们和层次明智

BroadCategory>GeneralCategory>MainCategory

我不知道我错过了什么

$(element).find('.gc').click( function() {
    alert('GC');
    $(element).find(".mc").slideToggle('200',function() {  
       $(element).find("span").toggleClass('faqPlus faqMinus');
    });
 });

在创建
.gc
元素的
ng repeat
之前调用函数。一个快速修复方法是在超时时间内包装函数,让它完成渲染。我相信有一个更好的方法在角度上使用一些钩子,但这将实现你想要的

setTimeout(function () {
  $(element).find('.gc').click( function() {
    alert('GC');
    $(element).find(".mc").slideToggle('200',function() {  
      $(element).find("span").toggleClass('faqPlus faqMinus');
    });
  });
});

在创建
.gc
元素的
ng repeat
之前调用函数。一个快速修复方法是在超时时间内包装函数,让它完成渲染。我相信有一个更好的方法在角度上使用一些钩子,但这将实现你想要的

setTimeout(function () {
  $(element).find('.gc').click( function() {
    alert('GC');
    $(element).find(".mc").slideToggle('200',function() {  
      $(element).find("span").toggleClass('faqPlus faqMinus');
    });
  });
});

当角度链接到BroadCategory div时,GeneralCategory(ng repeat)元素尚未创建。因此,永远不会添加单击处理程序。 将d-expand-collapse属性添加到.gc元素。然后,您将看到您的单击警报火灾

<div d-expand-collapse ng-repeat="gen in group.items">

当Angular链接到BroadCategory div时,还没有创建GeneralCategory(ng repeat)元素。因此,永远不会添加单击处理程序。 将d-expand-collapse属性添加到.gc元素。然后,您将看到您的单击警报火灾

<div d-expand-collapse ng-repeat="gen in group.items">