使用AngularJS向元素添加指令？

Question

我已经和AngularJS玩了几天了但是我仍然无法掌握一些关于指令管理方式的事情，而且我无法找到任何好的答案来满足我的需求。

假设我有一个特定的div，我想在其中添加一个特定事件的指令，例如点击一下。这样做的最佳方法是什么？或者我的方法完全错了，是否应该以另一种方式完成？

我已经设置了一个Plunker来更好地说明我的问题：http://plnkr.co/edit/KM2KFVb6iuhtQKrLYax1?p=preview

提前感谢您的帮助！

Answer 1

这个问题部分解释了为什么你的方法不起作用：How to pass custom directive name dynamically in class attribute of div tag?

此外，这不是 angular -esque做事方式。我怀疑在做你想做的事情时会更像是 angular ：http://plnkr.co/edit/fNZvZ1vzQYQLjZti37GQ?p=preview

<强>模板

<div class="whatever" ng-if="!directiveOn">div.whatever</div>
<div newstuff ng-if="directiveOn">div.whatever</div>

<强>控制器

  $scope.directiveOn = false;
  $scope.click = function() {
    $scope.directiveOn = true;
  };

另一个选项是传递指令打开或 off 的信息。