Angular partial directive (Rails partial equivalent)

partial.directive.js

/* global angular: false */

;(function () {
  'use strict'

  /**
   *  sam-partial directive
   *
   *  This is simple *partial* directive. It functions the same as `ng-include`
   *  but instead of nesting it replaces the element.
   *
   *  Usage:
   *    <sam-partial src="/smaller/component/to/include.html"></sam-partial>
   */

  angular
    .module('sam.utils')
    .directive('samPartial', partial)

  function partial () {
    return {
      replace: true,
      templateUrl: function (elem, attrs) {
        if (!attrs.src) {
          throw new Error('samPartial: no src given')
        }
        return attrs.src
      }
    }
  }
})()