单击后显示指令

Question

我想在用户单击 link 时显示来自指令的内容。

<li><a href="#" ng-click="directive_here">Show popup</a></li>

显然我是 angularjs 的新手。我知道上面的方法实际上没有意义，但我也试图想象如何使用 ng-if 来完成这件事，但没有想出任何办法。有任何想法吗？谢谢！

编辑 1：我要使用的指令是：

<ng-pop-up></ng-pop-up>

这是 ngPopup 的一部分。

编辑 2：现在已解决。事实证明，在 ngPopup 的情况下，你将指令放在某处，然后使用 open 方法打开对话框，所以我真的没有利用这里给出的解决方案。给予 Martin 荣誉，因为他的解决方案解决了最初提出的问题。谢谢大家

Answer 1

尝试使用 ng-if (AngularJS docs)。您可以在范围内使用布尔值，由 ng-click.

切换

Answer 2

不太确定你在找什么。

当您说 content from a directive 时，这是现有指令，还是您认为内容应该来自指令？
在您有 show popup 的示例中，您的意思是您希望在单击 link 时显示一个对话框吗？
或者您只是想要类似以下示例的内容？

angular.module('app', []);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app=app>

  <a href="#" ng-click='showMessage = true'>Click Here</a>
  <div ng-show="showMessage">Your Message Here</div>
    
</div>

单击后显示指令

Show directive as result of a click

angularjs

angularjs-directive