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'
        };
    }

}());