小编Ahm*_*gdi的帖子

如果我有一个看起来像这样的自定义模态指令：

return {
  restirct: 'E',
  templateUrl: 'modal.html',
  scope: {
    modalContent: "=",
    modalOpen: "="
  }
}

和 html：

<ng-modal modal-content="content" modal-open"active"></ng-modal>

当 DOM 关闭时，如何确保 DOM 中不存在模态，一旦打开，它就会将自己插入到 DOM 中？我必须将指令插入到 html 中，否则指令将不起作用，但这意味着当我运行应用程序时，模式已经存在于 html 中，即使它没有打开。

我在这里创建了一个 plunker，但它只使用 css 类隐藏/显示模态，而不是完全删除它

编辑：

我在这里创建了另一个版本，它实际上从 DOM 中添加/删除了指令。它是基于这样的文章，但它需要分离用于添加/指令和外部控制器（外部控制器手柄添加元素和该指令手柄移除）之间取出该指令的逻辑。我想要指令处理一切，这可能吗？