angularjs - 名称中包含破折号的自定义 AngularJS 指令不起作用

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 将camelCasing 转换为snake-casing，因此您的requireall 指令需要重命名为requireAll，然后您可以在标记中使用require-all (或 >data-require-all 如果您想正确标记自定义标签)。一开始让我困惑了一段时间。