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

Angular converts camelCasing to snake-casing, so your requireall directive needs to be renamed to requireAll, then you can use require-all in your markup (or data-require-all if you want to correctly markup custom tags). Confused me for a while at first.

Rename the directive to "requireAll";

.directive("requireAll",…)

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