包含名称中的破折号的自定义角度指令不起作用

Question

我编写了以下Angular指令,它将为所有子节点添加"required"属性:

.directive("requireall", function($compile) {
  return {
    restrict: 'A', //only want it triggered for attributes
    compile: function(element, scope) {
      // Prevent infinite loop on compile
      element.removeAttr("requireall");

      var allChildren = element.find('*');
      allChildren.attr('required', 'required');
      $compile(element)(scope);
    }
  }
});

我真的想称它为"require-all",但是如果我重命名它就不再适用了.为什么"requireall"工作但不是"require-all"？

Answer 1

Angular将camelCase设置为snake-casing,因此需要将requireall指令重命名为requireAll,然后可以require-all在标记中使用(或者data-require-all如果要正确标记自定义标记).起初困惑了我一会儿.

Answer 2

将指令重命名为"requireAll";

.directive("requireAll",…)

并且abcDef可以abc-def在标记中使用命名的指令.