Angular 1 Directive with ES6 Multi-line string template inline.

ng-directive-inline-multi-line-template-string.es6.js

(function() {
    'use strict';

    angular
        .module('myModule')
        .directive('myDirective', myDirective);

    const template = `
        <div class="my-directive-template">
            <h1>Using multi-line Strings for templates</h1>
            <p>
                Of course, this will currently only work
                when transpiling the ES6 code to ES5 with
                something like Babel
            </p>
        </div>
    `;

    function myDirective() {
        return {
            template: template,
            restrict: 'E'
        };
    }

}());

(function() {
  'use strict';
  const ddo = {
    name: 'myDirective',
    restrict: 'E'
    template: `
      <div class="my-directive-template">
          <h1>Using multi-line Strings for templates</h1>
          <p>
              Of course, this will currently only work
              when transpiling the ES6 code to ES5 with
              something like Babel
          </p>
      </div>
    `,
    controller($scope) {

    }
  };

  angular.module(ddo.name).directive(ddo.name, function() {
    return ddo;
  });

}());

Thats a neat spin on this idea!
I think you're missing a controller: key there though:

Omitting the key here is actually fine, thanks to the shorter syntax in ES6.
:)