How to load script inside AngularJS partial. Note [SCRIPT_PATH] in example.html

example.html

<script type="text/javascript" data-ng-script-load>
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = '[SCRIPT_PATH]';
  document.getElementsByTagName('head')[0].appendChild(script);
</script>

ngScriptLoadDirective.coffee

define ["angular"], (angular) ->

  'use strict'

  ngScriptLoad = () ->
    restrict: "E"
    scope: false
    link: (scope, elem, attr) ->
      if angular.isDefined(attr.ngScriptLoad)
        code = elem.text()
        f = new Function(code)
        f()

      return

  [ngScriptLoad]

utils.coffee

define [
  "angular"

  "./directives/ngScriptLoadDirective"
], (
  angular,

  ngScriptLoad,
) ->

  "use strict"
  
  angular.module("smapp.main", [])
    .directive("script", ngScriptLoad)