Custom AngularJS directive including a dash in the name doesn't work

Question

I\'ve written the following Angular directive that will add the \"required\" attribute to all children:

.directive(\"requireall\", function($compile) {
  ret         


        

Answer 1

Rename the directive to "requireAll";

.directive("requireAll",…)

And a directive named abcDef can be used as abc-def in the markup.