使用指令作为 md 对话框

Question

我正在尝试在指令中包含对话框的代码。换句话说：

$mdDialog.show({ ..... template: '<my-directive></my-directive>', ..... })

当然，“我的指令”是

<md-dialog>.....</md-dialog>

唯一的解决方案是在“my-directive”之外拥有对话框的完整骨架，并直接导入$mdDialog.show()。仅供参考，我尝试了transclude=true，但它也不起作用。

如果您想知道造成这种混乱的原因，我会尽量避免使用控制器。有什么建议吗？

谢谢！

Answer 1

我让它工作的唯一方法是在对话框模板选项的指令周围添加一个<md-dialog> 标签。

$mdDialog.show({ ..., template: '<md-dialog><my-directive></my-directive></md-dialog>' });

对话服务在编译模板之前尝试访问 md-dialog 元素以配置 ARIA 标记。 这就是代码无法工作的地方。