如何使用AngularJS指令切换下拉菜单？

我有以下代码试图使用AngularJS创建下拉菜单，但它不起作用：

CSS:

HTML:

---

首先，您应该通读以下内容：

那么，你应该看看这个：

angular ui提供ui.bootstrap.dropdownToggle。您可以使用它，也可以检查并重建它的功能

---

由于您已经在使用指令，您可以在链接函数中使用

元素，而不是通过jQuery（lite）方式搜索和修改它。
首先，您应该阅读以下内容：


那么，你应该看看这个：


angular ui提供ui.bootstrap.dropdownToggle。您可以使用它，也可以检查并重建它的功能

由于您已经在使用指令，您可以在链接函数中使用
元素，而不是用jQuery（lite）的方式搜索和修改它。
find（）-使用angular jqLite限制按标记名查找，因此您必须使用jQuery插件。
find（）-使用angular jqLite限制按标记名查找，所以你必须使用jquery插件。
你所说的“不工作”是什么意思？我点击了一下，什么也没发生。有错误吗？另外，请看下面我的答案。尝试使用指令的奖励分数。你说的“不起作用”是什么意思？我点击了一下，什么也没发生。有错误吗？另外，请参见下面我的答案。尝试使用指令的加分。思考一个有角度的帖子是一个很好的开始思考一个有角度的帖子是一个很好的开始
.display_none {
  display:none;
}

<div ng-app="app">
  <div dropdown>
    <div class="drop_down display_none">
      <div id="elementWrap">
        // stuff
      </div>
    </div>
  </div>
</div>

angular.module("app")
  .directive("dropdown",function(){
    return function(scope,element){
      element.bind("click",function(){
        if(element.find('.drop_down').hasClass('display_none'))
        {
          element.find('.drop_down').removeClass('display_none');
          element.find("#elementWrap").stop(true,true).delay(100).slideDown(350);
        }
        else
        {
          element.find("#elementWrap").stop(true,true).delay(100).slideUp(350,function(){
            element.find('.drop_down').addClass('display_none');
          });
        }
      });
    };
  });