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

Question

我可以在 SO 上找到的最相关的问题是“如何在 AngularJS 中的多个模块之间共享单个指令”。但我需要一些不同的东西。我需要一些可以或多或少像 ng-model 一样工作的东西。该页面不需要有一个命名的ng-app.

这是我要解决的真正问题：我想将一些模板定义为显示良好可访问性的示例。例如，必填表单字段的标签应带有星号 (*)。但是，我不想强​​迫用户在 JS 文件中定义一个命名模块。相反，他们可以只添加ng-app（不带名称）到htmlorbody标记并包含我的 JS 文件。

Answer 1

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

1. 放置ng-app="myModule"一个 HTML 元素
2. 手动引导，因此没有ng-app

Answer 2

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

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

但要注意与 Angular 团队引入的新指令的潜在名称冲突。