helloworld.directive.js

(function() {
  'use strict';

  angular
    .module('app')
    /** será <acme-hello-world></acme-hello-world> */
    .directive('acmeHelloWorld', acmeHelloWorld);

  /** @ngInject */
  function acmeHelloWorld() {
    var directive = {
      restrict: 'E',
      templateUrl: '/path/to/template.html',
      controller: acmeHelloWorld,
      controllerAs: 'vm',
      link: function(scope, element) {
        /** adicionei o nome da classe manualmente */
        /** mas queria que ele pegasse o nome da diretiva(lá da linha 7) já normalizado */
        element.addClass('acme-hello-world');
        
        /** no final minha diretiva ficará: <acme-hello-world class="acme-hello-world"></acme-hello-world> */
      }
    };

    return directive;

    /** @ngInject */
    function acmeHelloWorld() {
      /** some logic here */
    }
  }

})();

link: function(scope, element, attrs) {
        /** adicionei o nome da classe manualmente */
        /** mas queria que ele pegasse o nome da diretiva(lá da linha 7) já normalizado */
        element.addClass(attrs.$attr.acmeHelloWorld); // $attr é um objeto que contém o seguinte valor {nomeDaDirective: "nome-da-directive"}

        /** no final minha diretiva ficará: <acme-hello-world class="acme-hello-world"></acme-hello-world> */
      }