Question

我想将指令附加到元素上。该指令将负责以下事项： 1.将click事件附加到元素 2.点击后显示下拉列表

为了执行第一个活动，我在下面的元素中添加了名为“sortDirective”的指令：

<span class="glyphicon glyphicon-arrow-down" style="font-size:0.6em" sort-directive></span>

这是在文件layout.html

中完成的

我面临两个问题： 1.点击事件不起作用 2.下拉列表应仅在点击事件中显示。现在你会注意到下拉（颜色为蓝色）一直在显示。

我相信我在这里遗漏了一些东西，因为我的指令sort-directive落在另一个指令custom-table中。我是在朝着正确的方向思考还是完全离开了？

Answer 1

我不会用指令调用click事件。我的建议是将ng-click放到要调用函数的范围内（并将函数移动到控制器）。你可能想看一下这个帖子： trigger click event from angularjs directive

另外一个快速的CSS提示 - 添加这些规则

cursor:pointer;
padding:0 0 0 5px;

到班级.header-cells。最后，难道你不认为箭头太小而无法点击它吗？尝试将click事件绑定到整个容器。

Answer 2

我终于设法解决了这个问题。有兴趣了解它是如何完成的......有一个plnkr

只需点击任何标题（橙色），您就会看到结果。