如何定义一个可以像ng-model一样工作的全局指令？

Question

我可以在SO上找到的最相关的问题是“How to share a single Directive across multiple modules in AngularJS”。但我需要一些不同的东西。我需要一些可以像ng-model一样工作的东西。该页面不需要具有名称ng-app。

这是我想要解决的真正问题： 我想将一些模板定义为显示良好可访问性的样本。例如，所需表单字段的标签应该有arterisk（*）。但是，我不想强​​制用户在JS文件中定义命名模块。相反，他们只需将ng-app（无名称）添加到html或body标记，并包含我的JS文件。

Answer 1

您的指令是在Angular模块中定义的。我相信你有两个选择来加载这样一个模块：

1. 将ng-app="myModule"放在HTML元素
上
2. manual bootstrap，因此没有ng-app

Answer 2

您可以将指令直接添加到ng模块：

angular.module("ng")
    .directive("myDirective", function() {
        ...
})

但要注意角色团队引入的新指令可能存在名称冲突。