如何动态添加指令到HTML?

时间:2013-11-25 12:01:19

标签: javascript angularjs angularjs-directive

我有一个打开弹出窗口“”的指令。用户可以单击“从不显示此增益”,这将存储cookie,下次弹出窗口不会显示。 问题是我不希望指令总是在html中呈现,除非需要。目前我正在做类似

的事情
$("#popups-container").html($compile("<my-popup></my-popup>")($scope))

但这感觉不对。

有没有“有角度的方式”呢?

2 个答案:

答案 0 :(得分:1)

最简单的方法是使用ng-switch。根据值,您可以使用ng-switch-when动态声明应编译html的哪些部分。更多信息HERE

答案 1 :(得分:0)

在你的指令'myPopup'中, 检查cookie是否存在。如果cookie存在吗 element.remove(); 其他 编译并返回你的html